Informação da cor #dfef3f

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

No padrão de cores CMYK, é composto por 6.7% de ciano, 0% de magenta, 73.6% de amarelo e 6.3% de preto. Tem um ângulo de matiz de 65.5 graus, uma saturação de 84.6% e uma leveza de 59.2%.

A cor mais próxima WebSafe é CCCC33.

Conversões de #dfef3f 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 dfef3f
RGB 223, 239, 63
RGB Percentagem 87.5%, 93.7%, 24.7%
CMYK 0.07, 0, 0.74, 0.06
HSL 65.5°, 84.6%, 59.2%
HSV (ou HSB) 65.5°, 73.6%, 93.7%
RYB 24.7, 93.7, 31
Formato Cor
XYZ 63.6, 79.1, 17.9
CIELab 91.26, -24.95, 75.28
Decimal 14675775
Yxy 77.781, 0.3976, 0.4973
YUV 214.152, 42.6998, 134.3109
CIELuv 90.6799, -3.778, 93.5052
Web Safe CCCC33

Distribuição de #dfef3f

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.

#dfef3f

#dfef3f
rgb(223,239,63)

#4f40ef

#4f40ef
rgb(79,64,239)

Cores triadicas

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

#40e0ef

#40e0ef
rgb(64,224,239)

#dfef3f

#dfef3f
rgb(223,239,63)

#ef40e0

#ef40e0
rgb(239,64,224)

Cores tetrádicas

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

#40efa7

#40efa7
rgb(64,239,167)

#dfef3f

#dfef3f
rgb(223,239,63)

#4f40ef

#4f40ef
rgb(79,64,239)

#ef4088

#ef4088
rgb(239,64,136)

Cores monocromáticas

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

#dfef3f

#dfef3f
rgb(223,239,63)

#ebefbc

#ebefbc
rgb(235,239,188)

#ebefb9

#ebefb9
rgb(235,239,185)

#eaefb7

#eaefb7
rgb(234,239,183)

#eaefb4

#eaefb4
rgb(234,239,180)

#eaefb2

#eaefb2
rgb(234,239,178)

Tons e Matizes de #dfef3f

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

Matiz (adicionando branco)
#dfef3f

#dfef3f
rgb(223,239,63)

#e5f265

#e5f265
rgb(229,242,101)

#ebf58b

#ebf58b
rgb(235,245,139)

#f2f8b2

#f2f8b2
rgb(242,248,178)

#f8fbd8

#f8fbd8
rgb(248,251,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#dfef3f

#dfef3f
rgb(223,239,63)

#b2bf32

#b2bf32
rgb(178,191,50)

#858f25

#858f25
rgb(133,143,37)

#595f19

#595f19
rgb(89,95,25)

#2c2f0c

#2c2f0c
rgb(44,47,12)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #dfef3f

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #dfef3f.

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

Este elemento tem uma cor de borda de #dfef3f.

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

Cores alietórias

#296988

#296988
rgb(41,105,136)

#509949

#509949
rgb(80,153,73)

#403c05

#403c05
rgb(64,60,5)

#088229

#088229
rgb(8,130,41)

#e5b8d4

#e5b8d4
rgb(229,184,212)

#8b245e

#8b245e
rgb(139,36,94)

#d9cf81

#d9cf81
rgb(217,207,129)

#d138da

#d138da
rgb(209,56,218)

#2b7b25

#2b7b25
rgb(43,123,37)

#285036

#285036
rgb(40,80,54)

#49fc99

#49fc99
rgb(73,252,153)

#ee45e3

#ee45e3
rgb(238,69,227)