Cor nomeada · #D26E2D
Hot Wings
Hot Wings é #D26E2D: rgb(210 110 45), hsl(24 65% 50%), oklch(0.643 0.147 49.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Hot Wings color name →
#D26E2D
oklch(0.643 0.147 49.9)
Conversões de cor
- HEX
- #d26e2d
- RGB
- rgb(210 110 45)
- HSL
- hsl(24 65% 50%)
- HWB
- hwb(24 18% 18%)
- OKLCH
- oklch(0.643 0.147 49.9)
- OKLab
- oklab(0.643 0.095 0.112)
- CIE Lab
- lab(57.73 37.11 52.5)
- LCH
- lch(57.73 64.29 54.7)
- CMYK
- cmyk(0% 48% 79% 18%)
Tons claros · Sombras · Tons
Tons claros
- D87D47
- DE8C5D
- E39B72
- E8A986
- EDB79A
- F1C6AE
- F5D4C2
- F9E2D6
- FCF1EB
Sombras
- B65F26
- 9B501F
- 814118
- 683311
- 50260B
- 391906
- 240E02
- 100401
- 020100
Tons
- CA713A
- C37345
- BB764E
- B37857
- AB7A5E
- A37B66
- 9B7D6D
- 927E73
- 897F7A
Harmonias de cor
Complementar +180°
- D26E2D
Hot Wings
- 009ACB
≈ Tomb Blue
Análoga -30° +30°
- D26E2D
Hot Wings
- D86367
≈ Happy Hearts
- B78200
≈ Letter Jacket
Tríade +120° +240°
- D26E2D
Hot Wings
- 00A581
≈ Congo Green
- 8D7BDF
≈ Indigo Bloom
Complementar dividida +150° +210°
- D26E2D
Hot Wings
- 00A1A7
≈ Ducati
- 558CE5
≈ Olympic Blue
Tétrade +90° +180° +270°
- D26E2D
Hot Wings
- 58A247
≈ Green Acres
- 009ACB
≈ Tomb Blue
- B46DC4
≈ Lavendless
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.49:1 · APCA Lc 62
Ag
AASobre preto
WCAG 6.00:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 6.00:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
CSS
:root {
--hot-wings: #d26e2d;
--hot-wings-rgb: 210 110 45;
--hot-wings-oklch: oklch(0.643 0.147 49.9);
}
.element {
color: var(--hot-wings);
background-color: hsl(24 65% 50%);
border-color: oklch(0.643 0.147 49.9);
}Tailwind CSS v4
@theme {
--color-hot-wings: #d26e2d;
--color-hot-wings-50: #ffeacf;
--color-hot-wings-100: #ffdbbb;
--color-hot-wings-200: #ffc39a;
--color-hot-wings-300: #f3a16f;
--color-hot-wings-400: #e28247;
--color-hot-wings-500: #d06208;
--color-hot-wings-600: #b0540f;
--color-hot-wings-700: #8d430d;
--color-hot-wings-800: #6a2f0a;
--color-hot-wings-900: #4a2006;
--color-hot-wings-950: #310f00;
}SCSS
$hot-wings: #d26e2d;
$hot-wings-rgb: 210, 110, 45;
$hot-wings-light: mix(#fff, $hot-wings, 20%);
$hot-wings-dark: mix(#000, $hot-wings, 20%);
.element {
color: $hot-wings;
box-shadow: 0 0 0 2px rgba($hot-wings, 0.35);
}