Informação da cor #4ad4f3

A cor hexadecimal 4ad4f3 no modelo de cores RGB (Red, Green, Blue), é um composta por 74 de vermelho, 212 de verde e 243 de azul.

No padrão de cores CMYK, é composto por 69.5% de ciano, 12.8% de magenta, 0% de amarelo e 4.7% de preto. Tem um ângulo de matiz de 191 graus, uma saturação de 87.6% e uma leveza de 62.2%.

A cor mais próxima WebSafe é 33CCCC.

Conversões de #4ad4f3 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 4ad4f3
RGB 74, 212, 243
RGB Percentagem 29%, 83.1%, 95.3%
CMYK 0.7, 0.13, 0, 0.05
HSL 191°, 87.6%, 62.2%
HSV (ou HSB) 191°, 69.6%, 95.3%
RYB 29, 58.8, 95.3
Formato Cor
XYZ 44.2, 57.1, 94.3
CIELab 80.24, -27.35, -24.67
Decimal 4904179
Yxy 55.009, 0.2231, 0.2885
YUV 174.272, 166.7856, 56.4793
CIELuv 79.0464, -50.8768, -37.769
Web Safe 33CCCC

Distribuição de #4ad4f3

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.

#4ad4f3

#4ad4f3
rgb(74,212,243)

#f36a4a

#f36a4a
rgb(243,106,74)

Cores triadicas

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

#f34ad4

#f34ad4
rgb(243,74,212)

#4ad4f3

#4ad4f3
rgb(74,212,243)

#d4f34a

#d4f34a
rgb(212,243,74)

Cores tetrádicas

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

#be4af3

#be4af3
rgb(190,74,243)

#4ad4f3

#4ad4f3
rgb(74,212,243)

#f36a4a

#f36a4a
rgb(243,106,74)

#80f34a

#80f34a
rgb(128,243,74)

Cores monocromáticas

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

#4ad4f3

#4ad4f3
rgb(74,212,243)

#bfeaf3

#bfeaf3
rgb(191,234,243)

#bce9f3

#bce9f3
rgb(188,233,243)

#bae9f3

#bae9f3
rgb(186,233,243)

#b7e8f3

#b7e8f3
rgb(183,232,243)

#b5e8f3

#b5e8f3
rgb(181,232,243)

Tons e Matizes de #4ad4f3

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

Matiz (adicionando branco)
#4ad4f3

#4ad4f3
rgb(74,212,243)

#6edcf5

#6edcf5
rgb(110,220,245)

#92e5f7

#92e5f7
rgb(146,229,247)

#b6edfa

#b6edfa
rgb(182,237,250)

#daf6fc

#daf6fc
rgb(218,246,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4ad4f3

#4ad4f3
rgb(74,212,243)

#3ba9c2

#3ba9c2
rgb(59,169,194)

#2c7f91

#2c7f91
rgb(44,127,145)

#1d5461

#1d5461
rgb(29,84,97)

#0e2a30

#0e2a30
rgb(14,42,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4ad4f3

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

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

Contraste

Branco e #4ad4f3
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 #4ad4f3
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 #4ad4f3

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

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

Este parágrafo tem fundo de cor #4ad4f3.

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

Este elemento tem uma cor de borda de #4ad4f3.

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

Cores alietórias

#1de1fa

#1de1fa
rgb(29,225,250)

#5b9abd

#5b9abd
rgb(91,154,189)

#049868

#049868
rgb(4,152,104)

#86fdfc

#86fdfc
rgb(134,253,252)

#2241e6

#2241e6
rgb(34,65,230)

#fe840e

#fe840e
rgb(254,132,14)

#932a75

#932a75
rgb(147,42,117)

#f242f0

#f242f0
rgb(242,66,240)

#eb18c3

#eb18c3
rgb(235,24,195)

#68c245

#68c245
rgb(104,194,69)

#d853ba

#d853ba
rgb(216,83,186)

#173545

#173545
rgb(23,53,69)