Informação da cor #f1fd69

A cor hexadecimal f1fd69 no modelo de cores RGB (Red, Green, Blue), é um composta por 241 de vermelho, 253 de verde e 105 de azul.

No padrão de cores CMYK, é composto por 4.7% de ciano, 0% de magenta, 58.5% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 64.9 graus, uma saturação de 97.4% e uma leveza de 70.2%.

A cor mais próxima WebSafe é CCCC66.

Conversões de #f1fd69 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 f1fd69
RGB 241, 253, 105
RGB Percentagem 94.5%, 99.2%, 41.2%
CMYK 0.05, 0, 0.58, 0.01
HSL 64.9°, 97.4%, 70.2%
HSV (ou HSB) 64.9°, 58.5%, 99.2%
RYB 41.2, 99.2, 45.9
Formato Cor
XYZ 74.8, 90.5, 29.3
CIELab 96.19, -21.85, 64.39
Decimal 15859049
Yxy 89.9726, 0.3877, 0.4717
YUV 232.54, 56.0248, 134.0342
CIELuv 95.9854, -1.4511, 87.4085
Web Safe CCCC66

Distribuição de #f1fd69

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.

#f1fd69

#f1fd69
rgb(241,253,105)

#766afd

#766afd
rgb(118,106,253)

Cores triadicas

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

#6af1fd

#6af1fd
rgb(106,241,253)

#f1fd69

#f1fd69
rgb(241,253,105)

#fd6af1

#fd6af1
rgb(253,106,241)

Cores tetrádicas

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

#6afdc0

#6afdc0
rgb(106,253,192)

#f1fd69

#f1fd69
rgb(241,253,105)

#766afd

#766afd
rgb(118,106,253)

#fd6aa7

#fd6aa7
rgb(253,106,167)

Cores monocromáticas

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

#f1fd69

#f1fd69
rgb(241,253,105)

#f9fdc7

#f9fdc7
rgb(249,253,199)

#f9fdc4

#f9fdc4
rgb(249,253,196)

#f9fdc2

#f9fdc2
rgb(249,253,194)

#f8fdbf

#f8fdbf
rgb(248,253,191)

#f8fdbd

#f8fdbd
rgb(248,253,189)

Tons e Matizes de #f1fd69

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

Matiz (adicionando branco)
#f1fd69

#f1fd69
rgb(241,253,105)

#f3fd87

#f3fd87
rgb(243,253,135)

#f6fda5

#f6fda5
rgb(246,253,165)

#f9fec3

#f9fec3
rgb(249,254,195)

#fcfee1

#fcfee1
rgb(252,254,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f1fd69

#f1fd69
rgb(241,253,105)

#c0ca54

#c0ca54
rgb(192,202,84)

#90973f

#90973f
rgb(144,151,63)

#606529

#606529
rgb(96,101,41)

#303214

#303214
rgb(48,50,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f1fd69

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f1fd69.

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

Este elemento tem uma cor de borda de #f1fd69.

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

Cores alietórias

#081aa3

#081aa3
rgb(8,26,163)

#e6a14a

#e6a14a
rgb(230,161,74)

#82f49b

#82f49b
rgb(130,244,155)

#079a1c

#079a1c
rgb(7,154,28)

#1c24b6

#1c24b6
rgb(28,36,182)

#f576d8

#f576d8
rgb(245,118,216)

#6842ea

#6842ea
rgb(104,66,234)

#7faf57

#7faf57
rgb(127,175,87)

#af53e5

#af53e5
rgb(175,83,229)

#7c0fe8

#7c0fe8
rgb(124,15,232)

#5444f6

#5444f6
rgb(84,68,246)

#59fd76

#59fd76
rgb(89,253,118)