Informação da cor #009aff

A cor hexadecimal 009aff no modelo de cores RGB (Red, Green, Blue), é um composta por 0 de vermelho, 154 de verde e 255 de azul.

No padrão de cores CMYK, é composto por 100% de ciano, 39.6% de magenta, 0% de amarelo e 0% de preto. Tem um ângulo de matiz de 203.8 graus, uma saturação de 100% e uma leveza de 50%.

A cor mais próxima WebSafe é 0099FF.

Conversões de #009aff 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 009aff
RGB 0, 154, 255
RGB Percentagem 0%, 60.4%, 100%
CMYK 1, 0.4, 0, 0
HSL 203.8°, 100%, 50%
HSV (ou HSB) 203.8°, 100%, 100%
RYB 0, 38, 100
Formato Cor
XYZ 30.8, 32.6, 99.3
CIELab 63.85, -0.93, -56.26
Decimal 39679
Yxy 30.3272, 0.1864, 0.191
YUV 119.468, 204.4853, 42.7875
CIELuv 61.9355, -37.2597, -95.7527
Web Safe 0099FF

Distribuição de #009aff

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.

#009aff

#009aff
rgb(0,154,255)

#ff6500

#ff6500
rgb(255,101,0)

Cores triadicas

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

#ff009b

#ff009b
rgb(255,0,155)

#009aff

#009aff
rgb(0,154,255)

#9bff00

#9bff00
rgb(155,255,0)

Cores tetrádicas

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

#e500ff

#e500ff
rgb(229,0,255)

#009aff

#009aff
rgb(0,154,255)

#ff6500

#ff6500
rgb(255,101,0)

#1bff00

#1bff00
rgb(27,255,0)

Cores monocromáticas

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

#009aff

#009aff
rgb(0,154,255)

#c7e9ff

#c7e9ff
rgb(199,233,255)

#c5e8ff

#c5e8ff
rgb(197,232,255)

#c2e7ff

#c2e7ff
rgb(194,231,255)

#c0e6ff

#c0e6ff
rgb(192,230,255)

#bde5ff

#bde5ff
rgb(189,229,255)

Tons e Matizes de #009aff

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

Matiz (adicionando branco)
#009aff

#009aff
rgb(0,154,255)

#33aeff

#33aeff
rgb(51,174,255)

#66c2ff

#66c2ff
rgb(102,194,255)

#99d6ff

#99d6ff
rgb(153,214,255)

#cceaff

#cceaff
rgb(204,234,255)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#009aff

#009aff
rgb(0,154,255)

#007bcc

#007bcc
rgb(0,123,204)

#005c99

#005c99
rgb(0,92,153)

#003d65

#003d65
rgb(0,61,101)

#001e32

#001e32
rgb(0,30,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #009aff

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

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

Contraste

Branco e #009aff
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 #009aff
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 #009aff

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

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

Este parágrafo tem fundo de cor #009aff.

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

Este elemento tem uma cor de borda de #009aff.

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

Cores alietórias

#f99521

#f99521
rgb(249,149,33)

#794eb3

#794eb3
rgb(121,78,179)

#31a4bc

#31a4bc
rgb(49,164,188)

#2bd7a9

#2bd7a9
rgb(43,215,169)

#fa30ea

#fa30ea
rgb(250,48,234)

#b11610

#b11610
rgb(177,22,16)

#12e16b

#12e16b
rgb(18,225,107)

#5e02a6

#5e02a6
rgb(94,2,166)

#d88c1a

#d88c1a
rgb(216,140,26)

#cc4f1f

#cc4f1f
rgb(204,79,31)

#34c0a2

#34c0a2
rgb(52,192,162)

#36cba7

#36cba7
rgb(54,203,167)