Benoemde kleur · #E95E2A
Sunset Blaze
Sunset Blaze is #E95E2A: rgb(233 94 42), hsl(16 81% 54%), oklch(0.654 0.184 39.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Sunset Blaze color name →
#E95E2A
oklch(0.654 0.184 39.3)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- EE7045
- F2825C
- F59271
- F8A286
- FBB29A
- FDC2AE
- FED1C2
- FFE0D6
- FFF0EB
Schaduwen
- CB5123
- AD441C
- 903716
- 742B10
- 5A1F0A
- 411405
- 290A02
- 130301
- 030000
Tonen
- DF6438
- D66943
- CC6D4D
- C27156
- B8745E
- AD7765
- A37A6C
- 987C73
- 8C7E7A
Kleurharmonieën
Complementair +180°
- E95E2A
Sunset Blaze
- 00A0C1
≈ Delos Blue
Analoog -30° +30°
- E95E2A
Sunset Blaze
- E85578
≈ Highlighter Pink
- C77E00
≈ Bamboo Brown
Triadisch +120° +240°
- E95E2A
Sunset Blaze
- 00AB6E
≈ Banaue Jade
- 7C7EFD
≈ Orchid
Gesplitst complementair +150° +210°
- E95E2A
Sunset Blaze
- 00A69F
≈ Jadestone
- 0094F9
≈ Starfleet Blue
Tetradisch +90° +180° +270°
- E95E2A
Sunset Blaze
- 6EA300
≈ Herbal Lift
- 00A0C1
≈ Delos Blue
- B16AE3
≈ Lavender
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.44:1 · APCA Lc 61
Ag
AAOp zwart
WCAG 6.09:1 · APCA Lc 41
Beste tekstkleur: #000000
WCAG 6.09:1 (AA) · APCA Lc 41
Contrast pairs
Codefragmenten
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);
}