Cor nomeada do CSS
Cor DarkSalmon #E9967A
DarkSalmon (palavra-chave darksalmon no CSS) tem o código hex #E9967A e o valor RGB rgb(233, 150, 122): um laranja-avermelhado moderadamente saturado e claro.
Um salmão rosado e empoeirado, o menos saturado dos três nomes salmon. Apesar do "dark" no nome, é quase tão claro quanto salmon.
Códigos da cor DarkSalmon
| Palavra-chave CSS | darksalmon |
|---|---|
| HEX | #E9967A |
| RGB | rgb(233, 150, 122) |
| HSL | hsl(15, 72%, 70%) |
| HWB | hwb(15 48% 9%) |
| OKLCH | oklch(75.1% 0.108 39.4) |
| CMYK (simples, sem perfil ICC) | cmyk(0%, 36%, 48%, 9%) |
| Decimal | 15.308.410 |
| Família de matiz | Vermelhos |
Contraste e acessibilidade
Sobre darksalmon, texto preto tem contraste de 9,10:1 e passa no AAA para qualquer tamanho de texto; texto branco fica em 2,30:1.
Razões de contraste do WCAG 2.2 (critérios 1.4.3 e 1.4.6: AA exige 4,5:1 para texto normal e 3:1 para texto grande; AAA exige 7:1 e 4,5:1). APCA Lc é o contraste de luminosidade do modelo APCA-W3 0.0.98G proposto para o WCAG 3; quanto maior o valor absoluto, mais legível, e Lc 75 é o mínimo sugerido para texto corrido.
| Combinação | Razão | AA | AA grande | AAA | AAA grande | APCA Lc |
|---|---|---|---|---|---|---|
| Texto preto sobre darksalmon | 9,10:1 | Passa | Passa | Passa | Passa | 58,7 |
| Texto branco sobre darksalmon | 2,30:1 | Falha | Falha | Falha | Falha | −50,1 |
| Texto darksalmon sobre branco | 2,30:1 | Falha | Falha | Falha | Falha | 45,3 |
| Texto darksalmon sobre preto | 9,10:1 | Passa | Passa | Passa | Passa | −56,8 |
Tons claros e escuros
Cada passo mistura darksalmon com branco (tons claros) ou preto (tons escuros) em sRGB com correção gama, o mesmo resultado de color-mix(in srgb, darksalmon, white 25%) no CSS.
Tons claros (misturados com branco)
- 5%
#ea9b81 - 15%
#eca68e - 25%
#efb09b - 35%
#f1bba9 - 45%
#f3c5b6 - 55%
#f5d0c3 - 65%
#f7dad0 - 75%
#fae5de - 85%
#fcefeb - 95%
#fefaf8
Tons escuros (misturados com preto)
- 5%
#dd8f74 - 15%
#c68068 - 25%
#af715c - 35%
#97624f - 45%
#805343 - 55%
#694437 - 65%
#52352b - 75%
#3a261f - 85%
#231712 - 95%
#0c0806
Harmonias de cor
Girando o matiz em OKLCH e mantendo luminosidade e croma, a complementar de darksalmon é #50BEDD (perto de deepskyblue), as análogas são #E9919F e #DAA15E e a tríade se completa com #6CC396 e #A0A7F2. Para texto por cima, preto dá mais contraste.
| Harmonia | Rotação | Cor |
|---|---|---|
| Complementar | +180° | #50bedd |
| Análogas | −30°, +30° | #e9919f#daa15e |
| Tríade | +120°, +240° | #6cc396#a0a7f2 |
| Complementar dividida | +150°, +210° | #49c4bd#77b3f0 |
Calculadas em OKLCH: o matiz gira 180° (complementar), ±30° (análogas), ±120° (tríade) e 180° ±30° (complementar dividida), com luminosidade e croma mantidos. Quando o resultado sai do sRGB, ele é trazido de volta com o algoritmo de mapeamento de gama do CSS Color 4. Por usar OKLCH, os valores diferem das ferramentas que giram o matiz em HSL, mas as cores ficam com a mesma luminosidade percebida.
Quente ou fria?
DarkSalmon é uma cor quente: o matiz fica em 15° no círculo HSL, na faixa dos vermelhos, laranjas e amarelos (de 0° a cerca de 70°, mais os vermelhos acima de 330°) que por convenção se chama de quente.
Cores nomeadas e do Tailwind mais próximas
A distância é o ΔE OK, a distância euclidiana no OKLab multiplicada por 100. Valores abaixo de cerca de 2 são difíceis de distinguir lado a lado.
Cores nomeadas do CSS mais próximas
| Cor | HEX | ΔE OK |
|---|---|---|
| lightsalmon | #ffa07a | 4,7 |
| salmon | #fa8072 | 5,3 |
| lightcoral | #f08080 | 5,5 |
Cores do Tailwind v4 mais próximas
| Cor | HEX | ΔE OK |
|---|---|---|
| red-300 | #ffa2a2 | 6,9 |
| rose-300 | #ffa1ad | 8,1 |
| orange-400 | #ff8904 | 8,5 |
Código
.element {
color: darksalmon;
background-color: #e9967a;
border-color: rgb(233 150 122);
outline-color: oklch(75.1% 0.108 39.4);
}<div class="bg-[#e9967a] text-black">...</div>
/* ou registre uma vez no seu CSS (Tailwind v4) */
@theme {
--color-darksalmon: #e9967a;
}
/* depois use bg-darksalmon, text-darksalmon, border-darksalmon */import SwiftUI
extension Color {
static let darksalmon = Color(red: 0.914, green: 0.588, blue: 0.478)
}import androidx.compose.ui.graphics.Color
val Darksalmon = Color(0xFFE9967A)import 'package:flutter/material.dart';
const darksalmon = Color(0xFFE9967A);<!-- res/values/colors.xml -->
<color name="darksalmon">#E9967A</color>Perguntas frequentes
- Qual é o código hex da cor darksalmon?
- O código hex de darksalmon é #E9967A. A mesma cor se escreve rgb(233, 150, 122), hsl(15, 72%, 70%) ou oklch(75.1% 0.108 39.4), e no CSS também dá para usar direto a palavra-chave darksalmon.
- DarkSalmon é uma cor quente ou fria?
- DarkSalmon é uma cor quente: o matiz fica em 15° no círculo HSL, na faixa dos vermelhos, laranjas e amarelos (de 0° a cerca de 70°, mais os vermelhos acima de 330°) que por convenção se chama de quente.
- Quais cores combinam com darksalmon?
- Girando o matiz em OKLCH e mantendo luminosidade e croma, a complementar de darksalmon é #50BEDD (perto de deepskyblue), as análogas são #E9919F e #DAA15E e a tríade se completa com #6CC396 e #A0A7F2. Para texto por cima, preto dá mais contraste.
- Dá para usar texto branco sobre darksalmon?
- Texto branco sobre darksalmon tem contraste de 2,30:1 e não passa no AA nem para texto grande do WCAG 2.2. Texto preto chega a 9,10:1 e passa no AA e no AAA. No APCA, o valor é Lc −50,1 para branco e Lc 58,7 para preto.
- Qual é o RGB de darksalmon?
- DarkSalmon é rgb(233, 150, 122): vermelho 233, verde 150 e azul 122 na escala de 0 a 255, ou 91,4%, 58,8% e 47,8%. Em número decimal, 15308410.
Revisado em por Arielton Oberek.