Colore con nome · #FF8E51
Boredom Buster
Boredom Buster è #FF8E51: rgb(255 142 81), hsl(21 100% 66%), oklch(0.758 0.156 47.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Boredom Buster color name →
#FF8E51
oklch(0.758 0.156 47.4)
Conversioni di colore
- HEX
- #ff8e51
- RGB
- rgb(255 142 81)
- HSL
- hsl(21 100% 66%)
- HWB
- hwb(21 32% 0%)
- OKLCH
- oklch(0.758 0.156 47.4)
- OKLab
- oklab(0.758 0.106 0.115)
- CIE Lab
- lab(70.97 40.3 51.32)
- LCH
- lch(70.97 65.25 51.9)
- CMYK
- cmyk(0% 44% 68% 0%)
Tinte · Ombre · Toni
Tinte
- FF9A65
- FFA677
- FFB289
- FFBD9A
- FFC8AB
- FFD3BC
- FFDECD
- FFE9DE
- FFF4EE
Ombre
- DE7B45
- BE683A
- 9E562F
- 804424
- 63341A
- 482410
- 2E1507
- 160702
- 030100
Toni
- F38E58
- E68D5F
- DA8C64
- CD8B69
- C0896E
- B48872
- A78676
- 9A847A
- 8D827D
Armonie di colore
Complementare +180°
- FF8E51
Boredom Buster
- 00C2F9
≈ Spiro Disco Ball
Analogo -30° +30°
- FF8E51
Boredom Buster
- FF878E
≈ Tulip
- E7A10E
≈ Rowdy Orange
Triadico +120° +240°
- FF8E51
Boredom Buster
- 00CF9C
≈ Caribbean Green
- ACA3FF
≈ Shy Moment
Complementare divisa +150° +210°
- FF8E51
Boredom Buster
- 00C9CD
≈ Tilla Kari Mosque
- 7DB2FF
≈ French Sky Blue
Tetradico +90° +180° +270°
- FF8E51
Boredom Buster
- 7EC760
≈ Vivid Spring
- 00C2F9
≈ Spiro Disco Ball
- D98FF1
≈ Bright Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.24:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.24:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--boredom-buster: #ff8e51;
--boredom-buster-rgb: 255 142 81;
--boredom-buster-oklch: oklch(0.758 0.156 47.4);
}
.element {
color: var(--boredom-buster);
background-color: hsl(21 100% 66%);
border-color: oklch(0.758 0.156 47.4);
}Tailwind CSS v4
@theme {
--color-boredom-buster: #ff8e51;
--color-boredom-buster-50: #ffe9ce;
--color-boredom-buster-100: #ffd9ba;
--color-boredom-buster-200: #ffc198;
--color-boredom-buster-300: #f89e6d;
--color-boredom-buster-400: #e77e44;
--color-boredom-buster-500: #d55d00;
--color-boredom-buster-600: #b45007;
--color-boredom-buster-700: #913f08;
--color-boredom-buster-800: #6c2d07;
--color-boredom-buster-900: #4c1e05;
--color-boredom-buster-950: #320d00;
}SCSS
$boredom-buster: #ff8e51;
$boredom-buster-rgb: 255, 142, 81;
$boredom-buster-light: mix(#fff, $boredom-buster, 20%);
$boredom-buster-dark: mix(#000, $boredom-buster, 20%);
.element {
color: $boredom-buster;
box-shadow: 0 0 0 2px rgba($boredom-buster, 0.35);
}