Informação da cor #cbb09f

A cor hexadecimal cbb09f no modelo de cores RGB (Red, Green, Blue), é um composta por 203 de vermelho, 176 de verde e 159 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 13.3% de magenta, 21.7% de amarelo e 20.4% de preto. Tem um ângulo de matiz de 23.2 graus, uma saturação de 29.7% e uma leveza de 71%.

A cor mais próxima WebSafe é 999999.

Conversões de #cbb09f num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex cbb09f
RGB 203, 176, 159
RGB Percentagem 79.6%, 69%, 62.4%
CMYK 0, 0.13, 0.22, 0.2
HSL 23.2°, 29.7%, 71%
HSV (ou HSB) 23.2°, 21.7%, 79.6%
RYB 79.6, 73.3, 62.4
Formato Cor
XYZ 49.2, 49.3, 42.8
CIELab 75.62, 6.51, 11.53
Decimal 13349023
Yxy 46.2518, 0.3518, 0.3505
YUV 182.135, 114.9441, 142.8823
CIELuv 73.7086, 17.7545, 16.1088
Web Safe 999999

Distribuição de #cbb09f

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#cbb09f

#cbb09f
rgb(203,176,159)

#9fbbcb

#9fbbcb
rgb(159,187,203)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#9fcbb0

#9fcbb0
rgb(159,203,176)

#cbb09f

#cbb09f
rgb(203,176,159)

#b09fcb

#b09fcb
rgb(176,159,203)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#a5cb9f

#a5cb9f
rgb(165,203,159)

#cbb09f

#cbb09f
rgb(203,176,159)

#9fbbcb

#9fbbcb
rgb(159,187,203)

#c69fcb

#c69fcb
rgb(198,159,203)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#cbb09f

#cbb09f
rgb(203,176,159)

#cbb1a0

#cbb1a0
rgb(203,177,160)

#cbb09e

#cbb09e
rgb(203,176,158)

#cbaf9c

#cbaf9c
rgb(203,175,156)

#cbad9a

#cbad9a
rgb(203,173,154)

#cbac98

#cbac98
rgb(203,172,152)

Tons e Matizes de #cbb09f

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#cbb09f

#cbb09f
rgb(203,176,159)

#d5bfb2

#d5bfb2
rgb(213,191,178)

#dfcfc5

#dfcfc5
rgb(223,207,197)

#eadfd8

#eadfd8
rgb(234,223,216)

#f4efeb

#f4efeb
rgb(244,239,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cbb09f

#cbb09f
rgb(203,176,159)

#a28c7f

#a28c7f
rgb(162,140,127)

#79695f

#79695f
rgb(121,105,95)

#51463f

#51463f
rgb(81,70,63)

#28231f

#28231f
rgb(40,35,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #cbb09f fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #cbb09f fica em um fundo preto.

Fundo de cor #cbb09f

Esta visualização mostra como a cor branca fica em um fundo #cbb09f.

Esta visualização mostra como a cor preta fica em um fundo #cbb09f.

Contraste

Branco e #cbb09f
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #cbb09f
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #cbb09f

Este exemplo mostra como o texto na cor #cbb09f se parece.

<span style="color:#cbb09f;">Aqui fica o texto.</span>
Cor de fundo #cbb09f

Este parágrafo tem fundo de cor #cbb09f.

<p style="background-color:#cbb09f;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #cbb09f.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#cbb09f;}
.background {background-color:#cbb09f;}
.border {border:1px solid #cbb09f;}

Cores alietórias

#249c76

#249c76
rgb(36,156,118)

#09eda4

#09eda4
rgb(9,237,164)

#1ec79e

#1ec79e
rgb(30,199,158)

#14b973

#14b973
rgb(20,185,115)

#018941

#018941
rgb(1,137,65)

#12eb14

#12eb14
rgb(18,235,20)

#6d5219

#6d5219
rgb(109,82,25)

#7aca8d

#7aca8d
rgb(122,202,141)

#181f36

#181f36
rgb(24,31,54)

#5d0da6

#5d0da6
rgb(93,13,166)

#b149f4

#b149f4
rgb(177,73,244)

#46429c

#46429c
rgb(70,66,156)