Informação da cor #f1cf30

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

No padrão de cores CMYK, é composto por 0% de ciano, 14.1% de magenta, 80.1% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 49.4 graus, uma saturação de 87.3% e uma leveza de 56.7%.

A cor mais próxima WebSafe é CCCC00.

Conversões de #f1cf30 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 f1cf30
RGB 241, 207, 48
RGB Percentagem 94.5%, 81.2%, 18.8%
CMYK 0, 0.14, 0.8, 0.05
HSL 49.4°, 87.3%, 56.7%
HSV (ou HSB) 49.4°, 80.1%, 94.5%
RYB 35.3, 94.5, 18.8
Formato Cor
XYZ 60.6, 65.6, 13.2
CIELab 84.79, -4.14, 74.75
Decimal 15847216
Yxy 63.5432, 0.4392, 0.472
YUV 199.04, 42.763, 157.9286
CIELuv 83.7274, 30.2643, 84.1379
Web Safe CCCC00

Distribuição de #f1cf30

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.

#f1cf30

#f1cf30
rgb(241,207,48)

#3052f1

#3052f1
rgb(48,82,241)

Cores triadicas

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

#30f1d0

#30f1d0
rgb(48,241,208)

#f1cf30

#f1cf30
rgb(241,207,48)

#d030f1

#d030f1
rgb(208,48,241)

Cores tetrádicas

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

#30f16f

#30f16f
rgb(48,241,111)

#f1cf30

#f1cf30
rgb(241,207,48)

#3052f1

#3052f1
rgb(48,82,241)

#f130b3

#f130b3
rgb(241,48,179)

Cores monocromáticas

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

#f1cf30

#f1cf30
rgb(241,207,48)

#f1e8bd

#f1e8bd
rgb(241,232,189)

#f1e8bb

#f1e8bb
rgb(241,232,187)

#f1e7b8

#f1e7b8
rgb(241,231,184)

#f1e7b6

#f1e7b6
rgb(241,231,182)

#f1e7b3

#f1e7b3
rgb(241,231,179)

Tons e Matizes de #f1cf30

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

Matiz (adicionando branco)
#f1cf30

#f1cf30
rgb(241,207,48)

#f3d859

#f3d859
rgb(243,216,89)

#f6e282

#f6e282
rgb(246,226,130)

#f9ebac

#f9ebac
rgb(249,235,172)

#fcf5d5

#fcf5d5
rgb(252,245,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f1cf30

#f1cf30
rgb(241,207,48)

#c0a526

#c0a526
rgb(192,165,38)

#907c1c

#907c1c
rgb(144,124,28)

#605213

#605213
rgb(96,82,19)

#302909

#302909
rgb(48,41,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f1cf30

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f1cf30.

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

Este elemento tem uma cor de borda de #f1cf30.

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

Cores alietórias

#50d54d

#50d54d
rgb(80,213,77)

#5fa1ce

#5fa1ce
rgb(95,161,206)

#f8530e

#f8530e
rgb(248,83,14)

#9577f3

#9577f3
rgb(149,119,243)

#74710b

#74710b
rgb(116,113,11)

#489ddd

#489ddd
rgb(72,157,221)

#78c348

#78c348
rgb(120,195,72)

#7d2740

#7d2740
rgb(125,39,64)

#9d5343

#9d5343
rgb(157,83,67)

#ca60e6

#ca60e6
rgb(202,96,230)

#57623e

#57623e
rgb(87,98,62)

#701eea

#701eea
rgb(112,30,234)