Warna bernama · #E95E2A
Sunset Blaze
Sunset Blaze adalah #E95E2A: rgb(233 94 42), hsl(16 81% 54%), oklch(0.654 0.184 39.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Sunset Blaze color name →
#E95E2A
oklch(0.654 0.184 39.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- EE7045
- F2825C
- F59271
- F8A286
- FBB29A
- FDC2AE
- FED1C2
- FFE0D6
- FFF0EB
Shade
- CB5123
- AD441C
- 903716
- 742B10
- 5A1F0A
- 411405
- 290A02
- 130301
- 030000
Tone
- DF6438
- D66943
- CC6D4D
- C27156
- B8745E
- AD7765
- A37A6C
- 987C73
- 8C7E7A
Harmoni warna
Komplementer +180°
- E95E2A
Sunset Blaze
- 00A0C1
≈ Delos Blue
Analog -30° +30°
- E95E2A
Sunset Blaze
- E85578
≈ Highlighter Pink
- C77E00
≈ Bamboo Brown
Triadik +120° +240°
- E95E2A
Sunset Blaze
- 00AB6E
≈ Banaue Jade
- 7C7EFD
≈ Orchid
Split-komplementer +150° +210°
- E95E2A
Sunset Blaze
- 00A69F
≈ Jadestone
- 0094F9
≈ Starfleet Blue
Tetradik +90° +180° +270°
- E95E2A
Sunset Blaze
- 6EA300
≈ Herbal Lift
- 00A0C1
≈ Delos Blue
- B16AE3
≈ Lavender
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.44:1 · APCA Lc 61
Ag
AADi atas hitam
WCAG 6.09:1 · APCA Lc 41
Warna teks terbaik: #000000
WCAG 6.09:1 (AA) · APCA Lc 41
Contrast pairs
Cuplikan kode
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);
}