Cor #f2b717 - Guia Completo com Informações, Conversões e Esquemas

A cor hexadecimal #f2b717 corresponde ao modelo de cores RGB (Red, Green, Blue), com 242 de vermelho, 183 de verde e 23 de azul.

No padrão CMYK, essa cor é composta por 0% de ciano, 24.4% de magenta, 90.5% de amarelo e 5.1% de preto. Ela possui um ângulo de matiz de 43.8 graus, uma saturação de 89.4% e uma leveza de 52%.

Para ser mais WebSafe a cor mais próxima é CC9900.

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	f2b717
RGB	242, 183, 23
RGB Percentagem	94.9%, 71.8%, 9%
CMYK	0, 0.24, 0.9, 0.05
HSL	43.8°, 89.4%, 52%
HSV (ou HSB)	43.8°, 90.5%, 94.9%
RYB	40.8, 94.9, 9

Formato	Cor
XYZ	55.2, 55.2, 9
CIELab	79.16, 7.08, 77.11
Decimal	15906583
Yxy	52.8103, 0.4683, 0.4604
YUV	182.401, 38.0446, 170.5099
CIELuv	77.7628, 49.5268, 78.5812
Web Safe	CC9900

A cor é distribuída de diferentes maneiras em modelos de cores como RGB, RYB, CMYK e CMY.

RGB

RYB

CMYK

CMY

Cores complementares

São uma combinação harmoniosa de cores opostas na roda de cores. Em outras palavras, essas cores são simétricas em relação ao centro da roda e criam uma sensação de equilíbrio visual. A diferença de matiz entre cores complementares é de 180º.

#f2b717

#1852f2

Cores triadicas

As cores triádicas são uma combinação harmoniosa de três cores equidistantes no círculo cromático. Essa técnica de harmonização de cores envolve a escolha de três cores que estão igualmente espaçadas na roda de cores, como azul, amarelo e vermelho.

#18f2b8

#f2b717

#b818f2

Cores tetrádicas

As cores tetrádicas são uma combinação harmoniosa de duas pares de cores complementares na roda de cores. Essa técnica de harmonização de cores envolve a escolha de duas pares de cores opostas, o que resulta em quatro cores em uma relação complementar. Ao usar essas cores juntas, você pode criar uma sensação de equilíbrio e uma aparência.

#18f24a

#f2b717

#1852f2

#f218c0

Cores monocromáticas

A harmonia monocromática é alcançada ao usar variações de uma única cor da roda das cores. Essa técnica de harmonização de cores envolve a escolha de diferentes tonalidades, tons e intensidades da mesma cor, resultando em uma aparência coesa e equilibrada. Ao usar a harmonia monocromática, você pode criar uma sensação de unidade e tranquilidade.

#f2b717

#f2e4bd

#f2e4bb

#f2e3b9

#f2e2b6

#f2e2b4

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

Matiz (adicionando branco)

#f2b717

#f4c545

#f7d373

#f9e2a2

#fcf0d0

#ffffff

Sombra (adicionando preto)

#f2b717

#c19212

#916d0d

#604909

#302404

#000000

Ao compreender como usar sombras e matizes em suas criações, você pode adicionar profundidade e dimensão à sua arte ou projeto. Descubra como criar sombras e matizes a partir de cores puras para criar uma paleta de cores equilibrada e atraente.

Gerador de gradiente CSS

Fundo branco

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

Fundo preto

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

Fundo de cor #f2b717

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

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

Branco e #f2b717

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 #f2b717

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.

Texto com cor hexadecimal #f2b717

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

<span style="color:#f2b717;">Aqui fica o texto.</span>

Cor de fundo #f2b717

Este parágrafo tem fundo de cor #f2b717.

<p style="background-color:#f2b717;">O conteúdo fica aqui.</p>

Borda de cor #000bef

Este elemento tem uma cor de borda de #f2b717.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>

Códigos CSS

.text {color:#f2b717;}

.background {background-color:#f2b717;}

.border {border:1px solid #f2b717;}

#ba0878

#dd1d32

#9a19e9

#951cb7

#ef4eed

#11c21a

#b15bae

#bd1930

#bb5e83

#79f7d1

#c8292a

#f93659

Informação da cor #f2b717

Conversões da cor #f2b717 num outro espaço de cores

Distribuição de #f2b717

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #f2b717

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #f2b717

Contraste

Branco e #f2b717

Preto e #f2b717

Exemplos CSS

Cores alietórias