Informação da cor #d5f094

A cor hexadecimal d5f094 no modelo de cores RGB (Red, Green, Blue), é um composta por 213 de vermelho, 240 de verde e 148 de azul.

No padrão de cores CMYK, é composto por 11.2% de ciano, 0% de magenta, 38.3% de amarelo e 5.9% de preto. Tem um ângulo de matiz de 77.6 graus, uma saturação de 75.4% e uma leveza de 76.1%.

A cor mais próxima WebSafe é CCCC66.

Conversões de #d5f094 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 d5f094
RGB 213, 240, 148
RGB Percentagem 83.5%, 94.1%, 58%
CMYK 0.11, 0, 0.38, 0.06
HSL 77.6°, 75.4%, 76.1%
HSV (ou HSB) 77.6°, 38.3%, 94.1%
RYB 58, 94.1, 68.6
Formato Cor
XYZ 65.8, 80, 43
CIELab 91.7, -21.87, 38.98
Decimal 14020756
Yxy 78.6044, 0.3506, 0.431
YUV 221.439, 86.5559, 121.9807
CIELuv 91.055, -11.959, 60.2538
Web Safe CCCC66

Distribuição de #d5f094

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.

#d5f094

#d5f094
rgb(213,240,148)

#b094f0

#b094f0
rgb(176,148,240)

Cores triadicas

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

#94d5f0

#94d5f0
rgb(148,213,240)

#d5f094

#d5f094
rgb(213,240,148)

#f094d5

#f094d5
rgb(240,148,213)

Cores tetrádicas

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

#94f0de

#94f0de
rgb(148,240,222)

#d5f094

#d5f094
rgb(213,240,148)

#b094f0

#b094f0
rgb(176,148,240)

#f094a7

#f094a7
rgb(240,148,167)

Cores monocromáticas

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

#d5f094

#d5f094
rgb(213,240,148)

#e1f0bd

#e1f0bd
rgb(225,240,189)

#e1f0bb

#e1f0bb
rgb(225,240,187)

#e0f0b8

#e0f0b8
rgb(224,240,184)

#dff0b6

#dff0b6
rgb(223,240,182)

#dff0b4

#dff0b4
rgb(223,240,180)

Tons e Matizes de #d5f094

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

Matiz (adicionando branco)
#d5f094

#d5f094
rgb(213,240,148)

#ddf3a9

#ddf3a9
rgb(221,243,169)

#e5f6be

#e5f6be
rgb(229,246,190)

#eef9d4

#eef9d4
rgb(238,249,212)

#f6fce9

#f6fce9
rgb(246,252,233)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d5f094

#d5f094
rgb(213,240,148)

#aac076

#aac076
rgb(170,192,118)

#7f9058

#7f9058
rgb(127,144,88)

#555f3b

#555f3b
rgb(85,95,59)

#2a2f1d

#2a2f1d
rgb(42,47,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d5f094

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d5f094.

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

Este elemento tem uma cor de borda de #d5f094.

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

Cores alietórias

#9a2f92

#9a2f92
rgb(154,47,146)

#4c3534

#4c3534
rgb(76,53,52)

#c02a6e

#c02a6e
rgb(192,42,110)

#fb1546

#fb1546
rgb(251,21,70)

#dae0a3

#dae0a3
rgb(218,224,163)

#4077cd

#4077cd
rgb(64,119,205)

#0a51b0

#0a51b0
rgb(10,81,176)

#8ceb69

#8ceb69
rgb(140,235,105)

#d74420

#d74420
rgb(215,68,32)

#2f1176

#2f1176
rgb(47,17,118)

#ba6f28

#ba6f28
rgb(186,111,40)

#cc0663

#cc0663
rgb(204,6,99)