Colore con nome · #D7951F
Bonfire Glow
Bonfire Glow è #D7951F: rgb(215 149 31), hsl(38 75% 48%), oklch(0.717 0.143 75.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Bonfire Glow color name →
#D7951F
oklch(0.717 0.143 75.3)
Conversioni di colore
- HEX
- #d7951f
- RGB
- rgb(215 149 31)
- HSL
- hsl(38 75% 48%)
- HWB
- hwb(38 12% 16%)
- OKLCH
- oklch(0.717 0.143 75.3)
- OKLab
- oklab(0.717 0.036 0.139)
- CIE Lab
- lab(67.09 19.07 65.53)
- LCH
- lch(67.09 68.25 73.8)
- CMYK
- cmyk(0% 31% 86% 16%)
Tinte · Ombre · Toni
Tinte
- DCA043
- E0AB5C
- E4B573
- E8C088
- ECCB9C
- F0D5B0
- F4E0C4
- F8EAD8
- FCF5EB
Ombre
- BB8119
- 9F6D14
- 855A0F
- 6B480A
- 523706
- 3B2603
- 251601
- 110800
- 020100
Toni
- CE9334
- C69242
- BD904D
- B48E57
- AC8C5F
- A38A67
- 9A876E
- 928574
- 89837A
Armonie di colore
Complementare +180°
- D7951F
Bonfire Glow
- 63A6FB
≈ Âbi Blue
Analogo -30° +30°
- D7951F
Bonfire Glow
- EC8452
≈ Gravlax
- B1A822
≈ Earls Green
Triadico +120° +240°
- D7951F
Bonfire Glow
- 00BBBC
≈ Jade Gravel
- C686E1
≈ Lavender Perceptions
Complementare divisa +150° +210°
- D7951F
Bonfire Glow
- 00B4E4
≈ Blue Atoll
- 9C95F9
≈ Cobalite
Tetradico +90° +180° +270°
- D7951F
Bonfire Glow
- 22BF8E
≈ Blarney
- 63A6FB
≈ Âbi Blue
- E27CB8
≈ Fuchsia Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.20:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--bonfire-glow: #d7951f;
--bonfire-glow-rgb: 215 149 31;
--bonfire-glow-oklch: oklch(0.717 0.143 75.3);
}
.element {
color: var(--bonfire-glow);
background-color: hsl(38 75% 48%);
border-color: oklch(0.717 0.143 75.3);
}Tailwind CSS v4
@theme {
--color-bonfire-glow: #d7951f;
--color-bonfire-glow-50: #fff1c8;
--color-bonfire-glow-100: #ffe3b2;
--color-bonfire-glow-200: #f7cd8e;
--color-bonfire-glow-300: #e0ae5d;
--color-bonfire-glow-400: #cf9126;
--color-bonfire-glow-500: #bc7500;
--color-bonfire-glow-600: #9e6300;
--color-bonfire-glow-700: #7f4f00;
--color-bonfire-glow-800: #5f3900;
--color-bonfire-glow-900: #432700;
--color-bonfire-glow-950: #2b1500;
}SCSS
$bonfire-glow: #d7951f;
$bonfire-glow-rgb: 215, 149, 31;
$bonfire-glow-light: mix(#fff, $bonfire-glow, 20%);
$bonfire-glow-dark: mix(#000, $bonfire-glow, 20%);
.element {
color: $bonfire-glow;
box-shadow: 0 0 0 2px rgba($bonfire-glow, 0.35);
}