Ir para o seletor de cores

Cor #fd855f: Intenso tom claro de vermelho

#fd855f é rgb(253, 133, 95) em RGB e oklch(74.342% 0.15554 38.247) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

14 °
100%

74,3%
0,156
38 °
  • Vermelho
  • Claro
  • Intenso
  • Quente
  • ≈ Coral
  • orange-400
  • Preto 1%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.41:1Difícil de ler
Lc -52
Texto preto
8.70:1Legível · AA
Lc 57

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

#fd855f é um intenso tom claro de vermelho. Em OKLCH, tem luminosidade 74,3%, croma 0.156 e matiz 38 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Coral (#ff7f50). No Tailwind CSS, a cor mais próxima é orange-400.

Mais tons de vermelho (claro)

Mais claro: #fd855f misturado com branco

  1. fd855f
  2. ff9270
  3. ff9f80
  4. ffab90
  5. ffb8a0
  6. ffc4b0
  7. ffd0c0
  8. ffdccf
  9. ffe8df
  10. fff3ef

Mais escuro: #fd855f misturado com preto

  1. fd855f
  2. dc7352
  3. bc6144
  4. 9d5038
  5. 7f402c
  6. 623020
  7. 472115
  8. 2d130a
  9. 160603
  10. 030100

Mais acinzentado: #fd855f com menos saturação

  1. fd855f
  2. f68a68
  3. ef8f71
  4. e79379
  5. df9781
  6. d89b88
  7. cf9f90
  8. c7a297
  9. bea69e
  10. b5a9a5

Cores com nome parecidas

Cores que combinam com #fd855f

Complementar
#fd855f#00c1ec
Análoga
#fd855f#fc7e99#eb961e
Triádica
#fd855f#38c986#96a0ff
Dividida
#fd855f#00c9be#50b2ff

Perguntas sobre #fd855f

Que cor é #fd855f?

#fd855f é um intenso tom claro de vermelho. A cor com nome mais próxima é Intenso tom claro de vermelho. Em RGB é rgb(253, 133, 95), em HSL hsl(14.43, 97.53%, 68.24%) e em OKLCH oklch(74.342% 0.15554 38.247).

Quais cores combinam com #fd855f?

A cor complementar de #fd855f é #00c1ec. Para uma combinação mais tranquila, use as cores análogas #fc7e99 e #eb961e. As parceiras da tríade são #38c986 e #96a0ff.

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

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

#fd855f é uma cor quente ou fria?

#fd855f é uma cor quente. Em OKLCH, o matiz é de 38 graus, a luminosidade 74,3% e o croma 0.156.