# Cor #335367: Suave tom escuro de azul-celeste

#335367 é rgb(51, 83, 103) em RGB e oklch(42.613% 0.05029 237.06) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/color/335367

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #335367 |
| RGB | rgb(51, 83, 103) |
| HSL | hsl(203.08, 33.77%, 30.2%) |
| HSB / HSV | hsv(203.08 50.49% 40.39%) |
| HWB | hwb(203.08 20% 59.61%) |
| CMYK | cmyk(50% 19% 0% 60%) |
| Lab | lab(33.48 -7.55 -15.52) |
| LCH | lch(33.48 17.26 244.05) |
| OKLab | oklab(42.613% -0.02734 -0.0422) |
| OKLCH | oklch(42.613% 0.05029 237.06) |
| Display P3 | color(display-p3 0.22821 0.32222 0.39635) |
| Rec. 2020 | color(rec2020 0.19906 0.26009 0.33906) |
| Adobe RGB | color(a98-rgb 0.25214 0.32859 0.40042) |
| ProPhoto RGB | color(prophoto-rgb 0.2193 0.25027 0.31933) |
| sRGB linear | color(srgb-linear 0.0331 0.0865 0.13563) |
| XYZ D65 | color(xyz-d65 0.06906 0.07869 0.13987) |
| XYZ D50 | color(xyz-d50 0.06716 0.0776 0.10571) |
| SwiftUI | Color(red: 0.2, green: 0.325, blue: 0.404) |
| UIKit | UIColor(red: 0.2, green: 0.325, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFF335367) |
| Android XML | #335367 |

## Dados

- Nome mais próximo: Suave tom escuro de azul-celeste
- Família de matiz: Azul-celeste, suave tom escuro de azul-celeste
- Classe do Tailwind mais próxima: slate-600
- Gamut: Dentro do sRGB: aparece igual em qualquer tela.
- Contraste com branco: 8.16:1
- Contraste com preto: 2.57:1

## Versões mais claras

#335367, #466375, #597384, #6c8392, #8094a1, #94a5b0, #a9b7c0, #bec8cf, #d3dadf, #e9edef

## Versões mais escuras

#335367, #2b4759, #233b4b, #1c303d, #142530, #0d1b23, #071117, #03080c, #010204, #000000

## Versões acinzentadas

#335367, #365365, #395262, #3c5260, #3f525d, #42515b, #455159, #475056, #4a5054, #4c4f51

## Harmonias

- Complementar: #335367, #644833
- Dividida: #335367, #684440, #5b4d2e
- Análoga: #335367, #2a575d, #424e6b
- Triádica: #335367, #65434f, #4d5232
- Tetrádica: #335367, #514967, #644833, #4d5232
- Quadrada: #335367, #5e455d, #644833, #3c563f
- Monocromática: #335367, #001526, #133345, #54758a, #7799af

## Perguntas sobre #335367

### Que cor é #335367?

#335367 é um suave tom escuro de azul-celeste. A cor com nome mais próxima é Suave tom escuro de azul-celeste. Em RGB é rgb(51, 83, 103), em HSL hsl(203.08, 33.77%, 30.2%) e em OKLCH oklch(42.613% 0.05029 237.06).

### Quais cores combinam com #335367?

A cor complementar de #335367 é #644833. Para uma combinação mais tranquila, use as cores análogas #2a575d e #424e6b. As parceiras da tríade são #65434f e #4d5232.

### Texto branco ou preto é mais legível sobre #335367?

O texto branco é mais legível sobre #335367: o branco dá uma razão de contraste de 8.16:1 e o preto, 2.57:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

### #335367 é uma cor quente ou fria?

#335367 é uma cor fria. Em OKLCH, o matiz é de 237 graus, a luminosidade 42,6% e o croma 0.05.