Informação da cor #d1ca1a

A cor hexadecimal d1ca1a no modelo de cores RGB (Red, Green, Blue), é um composta por 209 de vermelho, 202 de verde e 26 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 3.3% de magenta, 87.6% de amarelo e 18% de preto. Tem um ângulo de matiz de 57.7 graus, uma saturação de 77.9% e uma leveza de 46.1%.

A cor mais próxima WebSafe é CC9900.

Conversões de #d1ca1a 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 d1ca1a
RGB 209, 202, 26
RGB Percentagem 82%, 79.2%, 10.2%
CMYK 0, 0.03, 0.88, 0.18
HSL 57.7°, 77.9%, 46.1%
HSV (ou HSB) 57.7°, 87.6%, 82%
RYB 13.3, 82, 10.2
Formato Cor
XYZ 49.6, 58.3, 10.1
CIELab 80.92, -15.09, 76.65
Decimal 13748762
Yxy 55.8727, 0.4223, 0.4956
YUV 184.029, 38.8188, 145.8109
CIELuv 79.5413, 10.9762, 84.9565
Web Safe CC9900

Distribuição de #d1ca1a

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.

#d1ca1a

#d1ca1a
rgb(209,202,26)

#1a22d1

#1a22d1
rgb(26,34,209)

Cores triadicas

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

#1ad1ca

#1ad1ca
rgb(26,209,202)

#d1ca1a

#d1ca1a
rgb(209,202,26)

#ca1ad1

#ca1ad1
rgb(202,26,209)

Cores tetrádicas

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

#1ad16f

#1ad16f
rgb(26,209,111)

#d1ca1a

#d1ca1a
rgb(209,202,26)

#1a22d1

#1a22d1
rgb(26,34,209)

#d11a7d

#d11a7d
rgb(209,26,125)

Cores monocromáticas

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

#d1ca1a

#d1ca1a
rgb(209,202,26)

#d1d0a4

#d1d0a4
rgb(209,208,164)

#d1d0a2

#d1d0a2
rgb(209,208,162)

#d1d0a0

#d1d0a0
rgb(209,208,160)

#d1d09e

#d1d09e
rgb(209,208,158)

#d1cf9b

#d1cf9b
rgb(209,207,155)

Tons e Matizes de #d1ca1a

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

Matiz (adicionando branco)
#d1ca1a

#d1ca1a
rgb(209,202,26)

#dad447

#dad447
rgb(218,212,71)

#e3df75

#e3df75
rgb(227,223,117)

#ece9a3

#ece9a3
rgb(236,233,163)

#f5f4d1

#f5f4d1
rgb(245,244,209)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d1ca1a

#d1ca1a
rgb(209,202,26)

#a7a114

#a7a114
rgb(167,161,20)

#7d790f

#7d790f
rgb(125,121,15)

#53500a

#53500a
rgb(83,80,10)

#292805

#292805
rgb(41,40,5)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d1ca1a

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

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

Contraste

Branco e #d1ca1a
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 #d1ca1a
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 #d1ca1a

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

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

Este parágrafo tem fundo de cor #d1ca1a.

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

Este elemento tem uma cor de borda de #d1ca1a.

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

Cores alietórias

#7f12f0

#7f12f0
rgb(127,18,240)

#4796d7

#4796d7
rgb(71,150,215)

#7b5184

#7b5184
rgb(123,81,132)

#ab2a8f

#ab2a8f
rgb(171,42,143)

#fa1042

#fa1042
rgb(250,16,66)

#dde8a8

#dde8a8
rgb(221,232,168)

#ebb2df

#ebb2df
rgb(235,178,223)

#f6d6f8

#f6d6f8
rgb(246,214,248)

#91fc47

#91fc47
rgb(145,252,71)

#99cffd

#99cffd
rgb(153,207,253)

#cba627

#cba627
rgb(203,166,39)

#719e8c

#719e8c
rgb(113,158,140)