Ir para o seletor de cores

Cor Coral: #ff7f50

Coral é #ff7f50, rgb(255, 127, 80) em RGB e oklch(73.511% 0.16799 40.247) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

16 °
100%

73,5%
0,168
40 °
  • Laranja
  • Claro
  • Intenso
  • Quente
  • orange-400
  • Preto 0%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.50:1Difícil de ler
Lc -54
Texto preto
8.40:1Legível · AA
Lc 56

Tons

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

Harmonias

Recentes

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

Paletas com Coral

Cores com nome parecidas

Perguntas sobre Coral

Qual é o código HEX de Coral?

O código HEX de Coral é #ff7f50. Em RGB é rgb(255, 127, 80), em HSL hsl(16.11, 100%, 65.69%) e em OKLCH oklch(73.511% 0.16799 40.247).

Quais cores combinam com Coral?

A cor complementar é #00beec. Para um visual mais tranquilo, combine com as cores análogas #ff7690 e #eb9300. Paletas prontas com Coral estão nesta página.

Coral é uma cor quente ou fria?

Coral é uma cor quente, com matiz OKLCH de 40 graus.

Qual cor de texto é legível sobre Coral?

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

Sobre #ff7f50

#ff7f50 é um intenso tom claro de laranja. Em OKLCH, tem luminosidade 73,5%, croma 0.168 e matiz 40 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.5:1 e texto preto a 8.4: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 laranja (claro)

Mais claro: #ff7f50 misturado com branco

  1. ff7f50

Mais escuro: #ff7f50 misturado com preto

  1. ff7f50

Mais acinzentado: #ff7f50 com menos saturação

  1. ff7f50

Cores com nome parecidas

Cores que combinam com #ff7f50

Complementar
#ff7f50
Análoga
#ff7f50
Triádica
#ff7f50
Dividida
#ff7f50