Ir para o seletor de cores

Cor #ffff86: Intenso tom muito claro de amarelo

#ffff86 é rgb(255, 255, 134) em RGB e oklch(97.576% 0.14366 108.791) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

60 °
100%

97,6%
0,144
109 °
  • Amarelo
  • Muito claro
  • Intenso
  • Neutra
  • ≈ Amarelo-limão
  • yellow-200
  • Preto 0%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.06:1Difícil de ler
Lc 0
Texto preto
19.90:1Legível · AA
Lc 102

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Abrir como paleta

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #ffff86

#ffff86 é um intenso tom muito claro de amarelo. Em OKLCH, tem luminosidade 97,6%, croma 0.144 e matiz 109 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 1.06:1 e texto preto a 19.9:1, então o texto preto é mais legível.

A cor com nome mais próxima é Amarelo-limão (#fff700). No Tailwind CSS, a cor mais próxima é yellow-200.

Mais tons de amarelo (muito claro)

Mais claro: #ffff86 misturado com branco

  1. ffff86
  2. ffff95
  3. ffffa2
  4. ffffaf
  5. ffffbc
  6. feffc8
  7. ffffd3
  8. ffffde
  9. ffffea
  10. fffff4

Mais escuro: #ffff86 misturado com preto

  1. ffff86
  2. dede74
  3. bebe62
  4. 9e9e51
  5. 808040
  6. 636330
  7. 484821
  8. 2e2e13
  9. 161606
  10. 030301

Mais acinzentado: #ffff86 com menos saturação

  1. ffff86
  2. fefe94
  3. fdfea1
  4. fcfdad
  5. fbfdb9
  6. fafcc4
  7. fafbce
  8. f9fad9
  9. f8f9e3
  10. f7f8ed

Perguntas sobre #ffff86

Que cor é #ffff86?

#ffff86 é um intenso tom muito claro de amarelo. A cor com nome mais próxima é Intenso tom muito claro de amarelo. Em RGB é rgb(255, 255, 134), em HSL hsl(60, 100%, 76.27%) e em OKLCH oklch(97.576% 0.14366 108.791).

Quais cores combinam com #ffff86?

A cor complementar de #ffff86 é #f6f4ff. Para uma combinação mais tranquila, use as cores análogas #fff3ca e #d9ffcc. As parceiras da tríade são #dcfdff e #ffedfb.

Texto branco ou preto é mais legível sobre #ffff86?

O texto preto é mais legível sobre #ffff86: o branco dá uma razão de contraste de 1.06:1 e o preto, 19.9:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

#ffff86 é uma cor quente ou fria?

#ffff86 é uma cor neutra. Em OKLCH, o matiz é de 109 graus, a luminosidade 97,6% e o croma 0.144.