Informação da cor #b3dd63

A cor hexadecimal b3dd63 no modelo de cores RGB (Red, Green, Blue), é um composta por 179 de vermelho, 221 de verde e 99 de azul.

No padrão de cores CMYK, é composto por 19% de ciano, 0% de magenta, 55.2% de amarelo e 13.3% de preto. Tem um ângulo de matiz de 80.7 graus, uma saturação de 64.2% e uma leveza de 62.8%.

A cor mais próxima WebSafe é 99CC33.

Conversões de #b3dd63 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 b3dd63
RGB 179, 221, 99
RGB Percentagem 70.2%, 86.7%, 38.8%
CMYK 0.19, 0, 0.55, 0.13
HSL 80.7°, 64.2%, 62.8%
HSV (ou HSB) 80.7°, 55.2%, 86.7%
RYB 38.8, 86.7, 55.3
Formato Cor
XYZ 49.1, 64.4, 23.9
CIELab 84.2, -30.66, 52.13
Decimal 11787619
Yxy 62.197, 0.3586, 0.4775
YUV 194.534, 74.0869, 116.9201
CIELuv 83.0181, -20.3586, 73.3896
Web Safe 99CC33

Distribuição de #b3dd63

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.

#b3dd63

#b3dd63
rgb(179,221,99)

#8e63dd

#8e63dd
rgb(142,99,221)

Cores triadicas

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

#63b3dd

#63b3dd
rgb(99,179,221)

#b3dd63

#b3dd63
rgb(179,221,99)

#dd63b3

#dd63b3
rgb(221,99,179)

Cores tetrádicas

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

#63ddcb

#63ddcb
rgb(99,221,203)

#b3dd63

#b3dd63
rgb(179,221,99)

#8e63dd

#8e63dd
rgb(142,99,221)

#dd6376

#dd6376
rgb(221,99,118)

Cores monocromáticas

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

#b3dd63

#b3dd63
rgb(179,221,99)

#cdddae

#cdddae
rgb(205,221,174)

#ccddac

#ccddac
rgb(204,221,172)

#ccdda9

#ccdda9
rgb(204,221,169)

#cbdda7

#cbdda7
rgb(203,221,167)

#cadda5

#cadda5
rgb(202,221,165)

Tons e Matizes de #b3dd63

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

Matiz (adicionando branco)
#b3dd63

#b3dd63
rgb(179,221,99)

#c2e382

#c2e382
rgb(194,227,130)

#d1eaa1

#d1eaa1
rgb(209,234,161)

#e0f1c0

#e0f1c0
rgb(224,241,192)

#eff8df

#eff8df
rgb(239,248,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b3dd63

#b3dd63
rgb(179,221,99)

#8fb04f

#8fb04f
rgb(143,176,79)

#6b843b

#6b843b
rgb(107,132,59)

#475827

#475827
rgb(71,88,39)

#232c13

#232c13
rgb(35,44,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b3dd63

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b3dd63.

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

Este elemento tem uma cor de borda de #b3dd63.

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

Cores alietórias

#9daed4

#9daed4
rgb(157,174,212)

#9ec0b8

#9ec0b8
rgb(158,192,184)

#fab86f

#fab86f
rgb(250,184,111)

#483ef6

#483ef6
rgb(72,62,246)

#4152aa

#4152aa
rgb(65,82,170)

#7283e6

#7283e6
rgb(114,131,230)

#11b6ae

#11b6ae
rgb(17,182,174)

#9deddc

#9deddc
rgb(157,237,220)

#5acce9

#5acce9
rgb(90,204,233)

#bdd4df

#bdd4df
rgb(189,212,223)

#6725b4

#6725b4
rgb(103,37,180)

#25cb71

#25cb71
rgb(37,203,113)