Couleur nommée · #E95E2A
Sunset Blaze
Sunset Blaze correspond à #E95E2A : rgb(233 94 42), hsl(16 81% 54%), oklch(0.654 0.184 39.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Sunset Blaze color name →
#E95E2A
oklch(0.654 0.184 39.3)
Conversions de couleur
- HEX
- #e95e2a
- RGB
- rgb(233 94 42)
- HSL
- hsl(16 81% 54%)
- HWB
- hwb(16 16% 9%)
- OKLCH
- oklch(0.654 0.184 39.3)
- OKLab
- oklab(0.654 0.142 0.116)
- CIE Lab
- lab(58.32 53.11 55.97)
- LCH
- lch(58.32 77.16 46.5)
- CMYK
- cmyk(0% 60% 82% 9%)
Teintes · Ombres · Tons
Teintes
- EE7045
- F2825C
- F59271
- F8A286
- FBB29A
- FDC2AE
- FED1C2
- FFE0D6
- FFF0EB
Ombres
- CB5123
- AD441C
- 903716
- 742B10
- 5A1F0A
- 411405
- 290A02
- 130301
- 030000
Tons
- DF6438
- D66943
- CC6D4D
- C27156
- B8745E
- AD7765
- A37A6C
- 987C73
- 8C7E7A
Harmonies de couleurs
Complémentaire +180°
- E95E2A
Sunset Blaze
- 00A0C1
≈ Delos Blue
Analogue -30° +30°
- E95E2A
Sunset Blaze
- E85578
≈ Highlighter Pink
- C77E00
≈ Bamboo Brown
Triadique +120° +240°
- E95E2A
Sunset Blaze
- 00AB6E
≈ Banaue Jade
- 7C7EFD
≈ Orchid
Complémentaire divisée +150° +210°
- E95E2A
Sunset Blaze
- 00A69F
≈ Jadestone
- 0094F9
≈ Starfleet Blue
Tétradique +90° +180° +270°
- E95E2A
Sunset Blaze
- 6EA300
≈ Herbal Lift
- 00A0C1
≈ Delos Blue
- B16AE3
≈ Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.44:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.09:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.09:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
CSS
:root {
--sunset-blaze: #e95e2a;
--sunset-blaze-rgb: 233 94 42;
--sunset-blaze-oklch: oklch(0.654 0.184 39.3);
}
.element {
color: var(--sunset-blaze);
background-color: hsl(16 81% 54%);
border-color: oklch(0.654 0.184 39.3);
}Tailwind CSS v4
@theme {
--color-sunset-blaze: #e95e2a;
--color-sunset-blaze-50: #ffe5cd;
--color-sunset-blaze-100: #ffd4b9;
--color-sunset-blaze-200: #ffb996;
--color-sunset-blaze-300: #ff956a;
--color-sunset-blaze-400: #f67142;
--color-sunset-blaze-500: #e44a00;
--color-sunset-blaze-600: #c14001;
--color-sunset-blaze-700: #9b3304;
--color-sunset-blaze-800: #742307;
--color-sunset-blaze-900: #521705;
--color-sunset-blaze-950: #360700;
}SCSS
$sunset-blaze: #e95e2a;
$sunset-blaze-rgb: 233, 94, 42;
$sunset-blaze-light: mix(#fff, $sunset-blaze, 20%);
$sunset-blaze-dark: mix(#000, $sunset-blaze, 20%);
.element {
color: $sunset-blaze;
box-shadow: 0 0 0 2px rgba($sunset-blaze, 0.35);
}