Informação da cor #f7f068

A cor hexadecimal f7f068 no modelo de cores RGB (Red, Green, Blue), é um composta por 247 de vermelho, 240 de verde e 104 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 2.8% de magenta, 57.9% de amarelo e 3.1% de preto. Tem um ângulo de matiz de 57.1 graus, uma saturação de 89.9% e uma leveza de 68.8%.

A cor mais próxima WebSafe é CCCC66.

Conversões de #f7f068 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 f7f068
RGB 247, 240, 104
RGB Percentagem 96.9%, 94.1%, 40.8%
CMYK 0, 0.03, 0.58, 0.03
HSL 57.1°, 89.9%, 68.8%
HSV (ou HSB) 57.1°, 57.9%, 96.9%
RYB 43.9, 96.9, 40.8
Formato Cor
XYZ 73.1, 84.1, 27.8
CIELab 93.5, -13.97, 61.88
Decimal 16248936
Yxy 83.0961, 0.3991, 0.4605
YUV 226.589, 58.8188, 142.5584
CIELuv 93.0565, 10.5768, 82.2231
Web Safe CCCC66

Distribuição de #f7f068

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.

#f7f068

#f7f068
rgb(247,240,104)

#6870f7

#6870f7
rgb(104,112,247)

Cores triadicas

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

#68f7f0

#68f7f0
rgb(104,247,240)

#f7f068

#f7f068
rgb(247,240,104)

#f068f7

#f068f7
rgb(240,104,247)

Cores tetrádicas

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

#68f7a9

#68f7a9
rgb(104,247,169)

#f7f068

#f7f068
rgb(247,240,104)

#6870f7

#6870f7
rgb(104,112,247)

#f768b7

#f768b7
rgb(247,104,183)

Cores monocromáticas

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

#f7f068

#f7f068
rgb(247,240,104)

#f7f5c2

#f7f5c2
rgb(247,245,194)

#f7f5c0

#f7f5c0
rgb(247,245,192)

#f7f5bd

#f7f5bd
rgb(247,245,189)

#f7f5bb

#f7f5bb
rgb(247,245,187)

#f7f4b8

#f7f4b8
rgb(247,244,184)

Tons e Matizes de #f7f068

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

Matiz (adicionando branco)
#f7f068

#f7f068
rgb(247,240,104)

#f8f386

#f8f386
rgb(248,243,134)

#faf6a4

#faf6a4
rgb(250,246,164)

#fbf9c2

#fbf9c2
rgb(251,249,194)

#fdfce0

#fdfce0
rgb(253,252,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f7f068

#f7f068
rgb(247,240,104)

#c5c053

#c5c053
rgb(197,192,83)

#94903e

#94903e
rgb(148,144,62)

#625f29

#625f29
rgb(98,95,41)

#312f14

#312f14
rgb(49,47,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f7f068

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f7f068.

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

Este elemento tem uma cor de borda de #f7f068.

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

Cores alietórias

#5c8277

#5c8277
rgb(92,130,119)

#9a11df

#9a11df
rgb(154,17,223)

#fba101

#fba101
rgb(251,161,1)

#5a4502

#5a4502
rgb(90,69,2)

#dd8317

#dd8317
rgb(221,131,23)

#e87e76

#e87e76
rgb(232,126,118)

#b66cfe

#b66cfe
rgb(182,108,254)

#f9c202

#f9c202
rgb(249,194,2)

#bb39f5

#bb39f5
rgb(187,57,245)

#d7170f

#d7170f
rgb(215,23,15)

#0f60d2

#0f60d2
rgb(15,96,210)

#9e2ce4

#9e2ce4
rgb(158,44,228)