Informação da cor #1af885

A cor hexadecimal 1af885 no modelo de cores RGB (Red, Green, Blue), é um composta por 26 de vermelho, 248 de verde e 133 de azul.

No padrão de cores CMYK, é composto por 89.5% de ciano, 0% de magenta, 46.4% de amarelo e 2.7% de preto. Tem um ângulo de matiz de 148.9 graus, uma saturação de 94.1% e uma leveza de 53.7%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #1af885 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 1af885
RGB 26, 248, 133
RGB Percentagem 10.2%, 97.3%, 52.2%
CMYK 0.9, 0, 0.46, 0.03
HSL 148.9°, 94.1%, 53.7%
HSV (ou HSB) 148.9°, 89.5%, 97.3%
RYB 10.2, 69, 97.3
Formato Cor
XYZ 39.2, 69.7, 36.4
CIELab 86.86, -71.36, 38.5
Decimal 1767557
Yxy 69.0429, 0.2715, 0.4905
YUV 168.512, 107.9594, 26.3509
CIELuv 86.5253, -76.091, 68.3794
Web Safe 00CC66

Distribuição de #1af885

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.

#1af885

#1af885
rgb(26,248,133)

#f81b8e

#f81b8e
rgb(248,27,142)

Cores triadicas

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

#851bf8

#851bf8
rgb(133,27,248)

#1af885

#1af885
rgb(26,248,133)

#f8851b

#f8851b
rgb(248,133,27)

Cores tetrádicas

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

#1b1ff8

#1b1ff8
rgb(27,31,248)

#1af885

#1af885
rgb(26,248,133)

#f81b8e

#f81b8e
rgb(248,27,142)

#f8f41b

#f8f41b
rgb(248,244,27)

Cores monocromáticas

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

#1af885

#1af885
rgb(26,248,133)

#c2f8dc

#c2f8dc
rgb(194,248,220)

#c0f8db

#c0f8db
rgb(192,248,219)

#bdf8da

#bdf8da
rgb(189,248,218)

#bbf8d9

#bbf8d9
rgb(187,248,217)

#b8f8d7

#b8f8d7
rgb(184,248,215)

Tons e Matizes de #1af885

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

Matiz (adicionando branco)
#1af885

#1af885
rgb(26,248,133)

#47f99d

#47f99d
rgb(71,249,157)

#75fab5

#75fab5
rgb(117,250,181)

#a3fcce

#a3fcce
rgb(163,252,206)

#d1fde6

#d1fde6
rgb(209,253,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1af885

#1af885
rgb(26,248,133)

#14c66a

#14c66a
rgb(20,198,106)

#0f944f

#0f944f
rgb(15,148,79)

#0a6335

#0a6335
rgb(10,99,53)

#05311a

#05311a
rgb(5,49,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1af885

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

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

Contraste

Branco e #1af885
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 #1af885
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 #1af885

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

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

Este parágrafo tem fundo de cor #1af885.

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

Este elemento tem uma cor de borda de #1af885.

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

Cores alietórias

#b526e0

#b526e0
rgb(181,38,224)

#d3b9a6

#d3b9a6
rgb(211,185,166)

#0959a2

#0959a2
rgb(9,89,162)

#9ec535

#9ec535
rgb(158,197,53)

#371007

#371007
rgb(55,16,7)

#e4575b

#e4575b
rgb(228,87,91)

#4639f1

#4639f1
rgb(70,57,241)

#913ffb

#913ffb
rgb(145,63,251)

#e1eec7

#e1eec7
rgb(225,238,199)

#a65c0a

#a65c0a
rgb(166,92,10)

#52ad04

#52ad04
rgb(82,173,4)

#eb33c5

#eb33c5
rgb(235,51,197)