Informação da cor #28aed7

A cor hexadecimal 28aed7 no modelo de cores RGB (Red, Green, Blue), é um composta por 40 de vermelho, 174 de verde e 215 de azul.

No padrão de cores CMYK, é composto por 81.4% de ciano, 19.1% de magenta, 0% de amarelo e 15.7% de preto. Tem um ângulo de matiz de 194.1 graus, uma saturação de 68.6% e uma leveza de 50%.

A cor mais próxima WebSafe é 0099CC.

Conversões de #28aed7 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 28aed7
RGB 40, 174, 215
RGB Percentagem 15.7%, 68.2%, 84.3%
CMYK 0.81, 0.19, 0, 0.16
HSL 194.1°, 68.6%, 50%
HSV (ou HSB) 194.1°, 81.4%, 84.3%
RYB 15.7, 45.5, 84.3
Formato Cor
XYZ 30.1, 38.2, 72.2
CIELab 68.17, -21.89, -29.25
Decimal 2666199
Yxy 35.6259, 0.2117, 0.2667
YUV 138.608, 171.1106, 57.6662
CIELuv 66.2331, -44.1604, -45.4795
Web Safe 0099CC

Distribuição de #28aed7

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.

#28aed7

#28aed7
rgb(40,174,215)

#d75228

#d75228
rgb(215,82,40)

Cores triadicas

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

#d728ae

#d728ae
rgb(215,40,174)

#28aed7

#28aed7
rgb(40,174,215)

#aed728

#aed728
rgb(174,215,40)

Cores tetrádicas

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

#a928d7

#a928d7
rgb(169,40,215)

#28aed7

#28aed7
rgb(40,174,215)

#d75228

#d75228
rgb(215,82,40)

#57d728

#57d728
rgb(87,215,40)

Cores monocromáticas

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

#28aed7

#28aed7
rgb(40,174,215)

#a9cdd7

#a9cdd7
rgb(169,205,215)

#a6ccd7

#a6ccd7
rgb(166,204,215)

#a4ccd7

#a4ccd7
rgb(164,204,215)

#a2cbd7

#a2cbd7
rgb(162,203,215)

#a0cad7

#a0cad7
rgb(160,202,215)

Tons e Matizes de #28aed7

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

Matiz (adicionando branco)
#28aed7

#28aed7
rgb(40,174,215)

#53bedf

#53bedf
rgb(83,190,223)

#7ecee7

#7ecee7
rgb(126,206,231)

#a9deef

#a9deef
rgb(169,222,239)

#d4eef7

#d4eef7
rgb(212,238,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#28aed7

#28aed7
rgb(40,174,215)

#208bac

#208bac
rgb(32,139,172)

#186881

#186881
rgb(24,104,129)

#0f4555

#0f4555
rgb(15,69,85)

#07222a

#07222a
rgb(7,34,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #28aed7

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

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

Contraste

Branco e #28aed7
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 #28aed7
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 #28aed7

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

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

Este parágrafo tem fundo de cor #28aed7.

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

Este elemento tem uma cor de borda de #28aed7.

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

Cores alietórias

#45fb46

#45fb46
rgb(69,251,70)

#944dee

#944dee
rgb(148,77,238)

#61874d

#61874d
rgb(97,135,77)

#2e3627

#2e3627
rgb(46,54,39)

#5a7a50

#5a7a50
rgb(90,122,80)

#6cda31

#6cda31
rgb(108,218,49)

#fff9be

#fff9be
rgb(255,249,190)

#97d798

#97d798
rgb(151,215,152)

#2f5ef6

#2f5ef6
rgb(47,94,246)

#67bb4b

#67bb4b
rgb(103,187,75)

#da763b

#da763b
rgb(218,118,59)

#2f676e

#2f676e
rgb(47,103,110)