Colore con nome · #E57E37
Blast Burn
Blast Burn è #E57E37: rgb(229 126 55), hsl(24 77% 56%), oklch(0.696 0.152 51.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Blast Burn color name →
#E57E37
oklch(0.696 0.152 51.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E98C50
- ED9965
- F0A679
- F3B38D
- F6C0A0
- F8CDB3
- FBD9C6
- FCE6D9
- FEF2EC
Ombre
- C76D2E
- AA5C26
- 8E4C1E
- 723C16
- 582D0F
- 3F1F08
- 281103
- 120501
- 030100
Toni
- DB7F43
- D2804C
- C88155
- BE815D
- B48263
- AA826A
- A08170
- 958176
- 8B817B
Armonie di colore
Complementare +180°
- E57E37
Blast Burn
- 00ABE5
≈ Huelveño Horizon
Analogo -30° +30°
- E57E37
Blast Burn
- EC7272
≈ Pastrami
- C99200
≈ Festering Brown
Triadico +120° +240°
- E57E37
Blast Burn
- 00B893
≈ Aoife’s Green
- A089F3
≈ Lavender Blue Shadow
Complementare divisa +150° +210°
- E57E37
Blast Burn
- 00B2BC
≈ Marrakech Mile
- 679BFA
≈ Blue Chaos
Tetradico +90° +180° +270°
- E57E37
Blast Burn
- 61B458
≈ Sour Candy
- 00ABE5
≈ Huelveño Horizon
- C87BD5
≈ Purple Kush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.84:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.37:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.37:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
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);
}