Informação da cor #dfc25a

A cor hexadecimal dfc25a no modelo de cores RGB (Red, Green, Blue), é um composta por 223 de vermelho, 194 de verde e 90 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 13% de magenta, 59.6% de amarelo e 12.5% de preto. Tem um ângulo de matiz de 46.9 graus, uma saturação de 67.5% e uma leveza de 61.4%.

A cor mais próxima WebSafe é CC9933.

Conversões de #dfc25a 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 dfc25a
RGB 223, 194, 90
RGB Percentagem 87.5%, 76.1%, 35.3%
CMYK 0, 0.13, 0.6, 0.13
HSL 46.9°, 67.5%, 61.4%
HSV (ou HSB) 46.9°, 59.6%, 87.5%
RYB 50.2, 87.5, 35.3
Formato Cor
XYZ 53.8, 57.6, 20
CIELab 80.52, -2.54, 52.76
Decimal 14664282
Yxy 55.0123, 0.4154, 0.4431
YUV 190.815, 71.1067, 150.9564
CIELuv 79.0483, 24.7619, 66.1196
Web Safe CC9933

Distribuição de #dfc25a

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.

#dfc25a

#dfc25a
rgb(223,194,90)

#5a77df

#5a77df
rgb(90,119,223)

Cores triadicas

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

#5adfc3

#5adfc3
rgb(90,223,195)

#dfc25a

#dfc25a
rgb(223,194,90)

#c35adf

#c35adf
rgb(195,90,223)

Cores tetrádicas

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

#5adf80

#5adf80
rgb(90,223,128)

#dfc25a

#dfc25a
rgb(223,194,90)

#5a77df

#5a77df
rgb(90,119,223)

#df5aba

#df5aba
rgb(223,90,186)

Cores monocromáticas

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

#dfc25a

#dfc25a
rgb(223,194,90)

#dfd5af

#dfd5af
rgb(223,213,175)

#dfd5ad

#dfd5ad
rgb(223,213,173)

#dfd4ab

#dfd4ab
rgb(223,212,171)

#dfd4a9

#dfd4a9
rgb(223,212,169)

#dfd3a6

#dfd3a6
rgb(223,211,166)

Tons e Matizes de #dfc25a

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

Matiz (adicionando branco)
#dfc25a

#dfc25a
rgb(223,194,90)

#e5ce7b

#e5ce7b
rgb(229,206,123)

#ebda9c

#ebda9c
rgb(235,218,156)

#f2e6bd

#f2e6bd
rgb(242,230,189)

#f8f2de

#f8f2de
rgb(248,242,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#dfc25a

#dfc25a
rgb(223,194,90)

#b29b48

#b29b48
rgb(178,155,72)

#857436

#857436
rgb(133,116,54)

#594d23

#594d23
rgb(89,77,35)

#2c2611

#2c2611
rgb(44,38,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #dfc25a

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #dfc25a.

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

Este elemento tem uma cor de borda de #dfc25a.

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

Cores alietórias

#49b5fa

#49b5fa
rgb(73,181,250)

#b362f0

#b362f0
rgb(179,98,240)

#ee627c

#ee627c
rgb(238,98,124)

#298771

#298771
rgb(41,135,113)

#092388

#092388
rgb(9,35,136)

#8760ab

#8760ab
rgb(135,96,171)

#b821ee

#b821ee
rgb(184,33,238)

#dc0a3e

#dc0a3e
rgb(220,10,62)

#4399ed

#4399ed
rgb(67,153,237)

#458a94

#458a94
rgb(69,138,148)

#401231

#401231
rgb(64,18,49)

#1b37f9

#1b37f9
rgb(27,55,249)