18 Tons diferentes de Coral (+ códigos HEX)
Explore todos os tons de coral, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores coral. Clique em qualquer tom para copiar o código.
O coral é o lado amável do vermelho: rosa alaranjado, ensolarado, impossível de soar agressivo. Aparece em marcas de praia, apps de bem-estar e tudo que mire no verão.
É claro demais para texto branco: use um marrom profundo ou um azul-marinho nas letras.
- white#ffffff
- fair pink#ffece6
- watusi#ffdacd
- romantic#ffc7b3
- wax flower#ffb59a
- hit pink#ffa281
- salmon#ff9068
- coral#ff7d4e
- burning orange#ff6b35
- orange#ff581c
- vermilion#ff4603
- trinidad#e83e00
- grenadier#cf3700
- fire#b63100
- cedar wood finish#842300
- indian tan#511600
- brown pod#380f00
- nero#1f0800
Coral: códigos HEX e RGB
coral tem os seguintes códigos de cor principais:
HEX: #ffffff
RGB: (255, 255, 255).
Explore uma ampla gama de tons de coral no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de coral
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
Explore os tons mais escuros de coral
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
coral em HEX, RGB, HSL e CMYK
| HEX | #FF7F50 | |
|---|---|---|
| RGB | rgb(255, 127, 80) | |
| HSL | hsl(16, 100%, 66%) | |
| CMYK | cmyk(0%, 50%, 69%, 0%) |
Tons claros e escuros de coral
Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.
Mais claros
#ff936b
#ffa585
#ffb89e
#ffcbb8
#ffddd1
#fff0eb
Mais escuros
#ff591d
#e73e00
#b33000
#7e2200
#491300
#140500
Cores que combinam com coral
Complementar
#FF7F50 #52d1ff
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#ff527a #FF7F50 #ffd752
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#FF7F50 #52ff80 #8052ff
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre coral
Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste
Tabela de tons de coral
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.