Benoemde kleur · #E57E37
Blast Burn
Blast Burn is #E57E37: rgb(229 126 55), hsl(24 77% 56%), oklch(0.696 0.152 51.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Blast Burn color name →
#E57E37
oklch(0.696 0.152 51.7)
Kleurconversies
- HEX
- #e57e37
- RGB
- rgb(229 126 55)
- HSL
- hsl(24 77% 56%)
- HWB
- hwb(24 22% 10%)
- OKLCH
- oklch(0.696 0.152 51.7)
- OKLab
- oklab(0.696 0.094 0.119)
- CIE Lab
- lab(63.85 37.06 54.93)
- LCH
- lch(63.85 66.26 56)
- CMYK
- cmyk(0% 45% 76% 10%)
Tinten · Schaduwen · Tonen
Tinten
- E98C50
- ED9965
- F0A679
- F3B38D
- F6C0A0
- F8CDB3
- FBD9C6
- FCE6D9
- FEF2EC
Schaduwen
- C76D2E
- AA5C26
- 8E4C1E
- 723C16
- 582D0F
- 3F1F08
- 281103
- 120501
- 030100
Tonen
- DB7F43
- D2804C
- C88155
- BE815D
- B48263
- AA826A
- A08170
- 958176
- 8B817B
Kleurharmonieën
Complementair +180°
- E57E37
Blast Burn
- 00ABE5
≈ Huelveño Horizon
Analoog -30° +30°
- E57E37
Blast Burn
- EC7272
≈ Pastrami
- C99200
≈ Festering Brown
Triadisch +120° +240°
- E57E37
Blast Burn
- 00B893
≈ Aoife’s Green
- A089F3
≈ Lavender Blue Shadow
Gesplitst complementair +150° +210°
- E57E37
Blast Burn
- 00B2BC
≈ Marrakech Mile
- 679BFA
≈ Blue Chaos
Tetradisch +90° +180° +270°
- E57E37
Blast Burn
- 61B458
≈ Sour Candy
- 00ABE5
≈ Huelveño Horizon
- C87BD5
≈ Purple Kush
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.84:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.37:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.37:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--blast-burn: #e57e37;
--blast-burn-rgb: 229 126 55;
--blast-burn-oklch: oklch(0.696 0.152 51.7);
}
.element {
color: var(--blast-burn);
background-color: hsl(24 77% 56%);
border-color: oklch(0.696 0.152 51.7);
}Tailwind CSS v4
@theme {
--color-blast-burn: #e57e37;
--color-blast-burn-50: #ffeacd;
--color-blast-burn-100: #ffdbb9;
--color-blast-burn-200: #ffc397;
--color-blast-burn-300: #f4a16a;
--color-blast-burn-400: #e38140;
--color-blast-burn-500: #d16200;
--color-blast-burn-600: #b05300;
--color-blast-burn-700: #8e4300;
--color-blast-burn-800: #6a2f03;
--color-blast-burn-900: #4b2003;
--color-blast-burn-950: #310f00;
}SCSS
$blast-burn: #e57e37;
$blast-burn-rgb: 229, 126, 55;
$blast-burn-light: mix(#fff, $blast-burn, 20%);
$blast-burn-dark: mix(#000, $blast-burn, 20%);
.element {
color: $blast-burn;
box-shadow: 0 0 0 2px rgba($blast-burn, 0.35);
}