Informação da cor #fded02

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

No padrão de cores CMYK, é composto por 0% de ciano, 6.3% de magenta, 99.2% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 56.2 graus, uma saturação de 98.4% e uma leveza de 50%.

A cor mais próxima WebSafe é CCCC00.

Conversões de #fded02 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 fded02
RGB 253, 237, 2
RGB Percentagem 99.2%, 92.9%, 0.8%
CMYK 0, 0.06, 0.99, 0.01
HSL 56.2°, 98.4%, 50%
HSV (ou HSB) 56.2°, 99.2%, 99.2%
RYB 7.8, 99.2, 0.8
Formato Cor
XYZ 71.3, 82.3, 12.2
CIELab 92.72, -14.35, 91.06
Decimal 16641282
Yxy 81.4585, 0.4309, 0.4957
YUV 214.994, 7.8002, 155.1083
CIELuv 92.3353, 18.3643, 100.073
Web Safe CCCC00

Distribuição de #fded02

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.

#fded02

#fded02
rgb(253,237,2)

#0212fd

#0212fd
rgb(2,18,253)

Cores triadicas

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

#02fdee

#02fdee
rgb(2,253,238)

#fded02

#fded02
rgb(253,237,2)

#ee02fd

#ee02fd
rgb(238,2,253)

Cores tetrádicas

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

#02fd70

#02fd70
rgb(2,253,112)

#fded02

#fded02
rgb(253,237,2)

#0212fd

#0212fd
rgb(2,18,253)

#fd0290

#fd0290
rgb(253,2,144)

Cores monocromáticas

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

#fded02

#fded02
rgb(253,237,2)

#fdfac6

#fdfac6
rgb(253,250,198)

#fdfac3

#fdfac3
rgb(253,250,195)

#fdfac1

#fdfac1
rgb(253,250,193)

#fdf9be

#fdf9be
rgb(253,249,190)

#fdf9bc

#fdf9bc
rgb(253,249,188)

Tons e Matizes de #fded02

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

Matiz (adicionando branco)
#fded02

#fded02
rgb(253,237,2)

#fdf034

#fdf034
rgb(253,240,52)

#fdf467

#fdf467
rgb(253,244,103)

#fef799

#fef799
rgb(254,247,153)

#fefbcc

#fefbcc
rgb(254,251,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fded02

#fded02
rgb(253,237,2)

#cabd01

#cabd01
rgb(202,189,1)

#978e01

#978e01
rgb(151,142,1)

#655e00

#655e00
rgb(101,94,0)

#322f00

#322f00
rgb(50,47,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fded02

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fded02.

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

Este elemento tem uma cor de borda de #fded02.

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

Cores alietórias

#cf5ba0

#cf5ba0
rgb(207,91,160)

#bf116e

#bf116e
rgb(191,17,110)

#b3557a

#b3557a
rgb(179,85,122)

#e69432

#e69432
rgb(230,148,50)

#f01d4d

#f01d4d
rgb(240,29,77)

#5b53d3

#5b53d3
rgb(91,83,211)

#ec84e0

#ec84e0
rgb(236,132,224)

#31cb1d

#31cb1d
rgb(49,203,29)

#bf3637

#bf3637
rgb(191,54,55)

#b75104

#b75104
rgb(183,81,4)

#6625b4

#6625b4
rgb(102,37,180)

#84e6e4

#84e6e4
rgb(132,230,228)