Colore con nome · #FF6E3A
Orange Burst
Orange Burst è #FF6E3A: rgb(255 110 58), hsl(16 100% 61%), oklch(0.709 0.189 39.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Orange Burst color name →
#FF6E3A
oklch(0.709 0.189 39.2)
Conversioni di colore
- HEX
- #ff6e3a
- RGB
- rgb(255 110 58)
- HSL
- hsl(16 100% 61%)
- HWB
- hwb(16 23% 0%)
- OKLCH
- oklch(0.709 0.189 39.2)
- OKLab
- oklab(0.709 0.146 0.119)
- CIE Lab
- lab(64.71 54.38 56.01)
- LCH
- lch(64.71 78.07 45.8)
- CMYK
- cmyk(0% 57% 77% 0%)
Tinte · Ombre · Toni
Tinte
- FF7F52
- FF8E67
- FF9D7B
- FFAC8E
- FFBAA1
- FFC8B4
- FFD6C7
- FFE4D9
- FFF2EC
Ombre
- DE5F31
- BE5028
- 9E4120
- 803318
- 632610
- 481909
- 2E0E04
- 160401
- 030100
Toni
- F37245
- E7754E
- DB7857
- CF7A5E
- C27C65
- B67E6B
- A97F71
- 9C7F76
- 8E807B
Armonie di colore
Complementare +180°
- FF6E3A
Orange Burst
- 00B3D7
≈ Aquarius
Analogo -30° +30°
- FF6E3A
Orange Burst
- FE6488
≈ Berlin Pink
- DE8C00
≈ Sumac Dyed
Triadico +120° +240°
- FF6E3A
Orange Burst
- 00BF7B
≈ Fennel Fiesta
- 8E94FF
≈ Periwinkle Blue
Complementare divisa +150° +210°
- FF6E3A
Orange Burst
- 00B9B1
≈ Super Rare Jade
- 44A6FF
≈ Xed
Tetradico +90° +180° +270°
- FF6E3A
Orange Burst
- 7BB600
≈ Dark Lime
- 00B3D7
≈ Aquarius
- C47AF9
≈ Illicit Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.54:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--orange-burst: #ff6e3a;
--orange-burst-rgb: 255 110 58;
--orange-burst-oklch: oklch(0.709 0.189 39.2);
}
.element {
color: var(--orange-burst);
background-color: hsl(16 100% 61%);
border-color: oklch(0.709 0.189 39.2);
}Tailwind CSS v4
@theme {
--color-orange-burst: #ff6e3a;
--color-orange-burst-50: #ffe4cc;
--color-orange-burst-100: #ffd3b7;
--color-orange-burst-200: #ffb995;
--color-orange-burst-300: #ff9367;
--color-orange-burst-400: #f86f3f;
--color-orange-burst-500: #e74700;
--color-orange-burst-600: #c33d00;
--color-orange-burst-700: #9d3100;
--color-orange-burst-800: #752104;
--color-orange-burst-900: #531603;
--color-orange-burst-950: #370600;
}SCSS
$orange-burst: #ff6e3a;
$orange-burst-rgb: 255, 110, 58;
$orange-burst-light: mix(#fff, $orange-burst, 20%);
$orange-burst-dark: mix(#000, $orange-burst, 20%);
.element {
color: $orange-burst;
box-shadow: 0 0 0 2px rgba($orange-burst, 0.35);
}