Colore con nome · #9A3001
Chocolate Fondue
Chocolate Fondue è #9A3001: rgb(154 48 1), hsl(18 99% 30%), oklch(0.464 0.149 38.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Chocolate Fondue color name →
#9A3001
oklch(0.464 0.149 38.7)
Conversioni di colore
- HEX
- #9a3001
- RGB
- rgb(154 48 1)
- HSL
- hsl(18 99% 30%)
- HWB
- hwb(18 0% 40%)
- OKLCH
- oklch(0.464 0.149 38.7)
- OKLab
- oklab(0.464 0.116 0.093)
- CIE Lab
- lab(36.58 43.68 48.75)
- LCH
- lch(36.58 65.45 48.1)
- CMYK
- cmyk(0% 69% 99% 40%)
Tinte · Ombre · Toni
Tinte
- A64727
- B25C40
- BD7058
- C8856F
- D29986
- DCAD9E
- E5C1B5
- EED6CE
- F7EAE6
Ombre
- 852801
- 712101
- 5E1A00
- 4B1300
- 390C00
- 270600
- 170300
- 090100
- 010000
Toni
- 993B19
- 984429
- 964D35
- 945541
- 925D4C
- 8F6457
- 8C6C61
- 89736B
- 857976
Armonie di colore
Complementare +180°
- 9A3001
Chocolate Fondue
- 006479
≈ Atlantis Myth
Analogo -30° +30°
- 9A3001
Chocolate Fondue
- 992848
≈ Vampirella
- 7D4D00
≈ Gédéon Brown
Triadico +120° +240°
- 9A3001
Chocolate Fondue
- 006B42
≈ Clover Green
- 4A4AAA
≈ Megadrive Screen
Complementare divisa +150° +210°
- 9A3001
Chocolate Fondue
- 006762
≈ Peacock Pride
- 005C9C
≈ Jetski Race
Tetradico +90° +180° +270°
- 9A3001
Chocolate Fondue
- 446500
≈ Camouflage Green
- 006479
≈ Atlantis Myth
- 713B97
≈ Perkin Mauve
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.50:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.79:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--chocolate-fondue: #9a3001;
--chocolate-fondue-rgb: 154 48 1;
--chocolate-fondue-oklch: oklch(0.464 0.149 38.7);
}
.element {
color: var(--chocolate-fondue);
background-color: hsl(18 99% 30%);
border-color: oklch(0.464 0.149 38.7);
}Tailwind CSS v4
@theme {
--color-chocolate-fondue: #9a3001;
--color-chocolate-fondue-50: #ffe8d5;
--color-chocolate-fondue-100: #ffd8c2;
--color-chocolate-fondue-200: #ffbfa3;
--color-chocolate-fondue-300: #f89d7b;
--color-chocolate-fondue-400: #e77c59;
--color-chocolate-fondue-500: #d55b31;
--color-chocolate-fondue-600: #b44e2b;
--color-chocolate-fondue-700: #913e22;
--color-chocolate-fondue-800: #6c2c19;
--color-chocolate-fondue-900: #4c1e10;
--color-chocolate-fondue-950: #320d04;
}SCSS
$chocolate-fondue: #9a3001;
$chocolate-fondue-rgb: 154, 48, 1;
$chocolate-fondue-light: mix(#fff, $chocolate-fondue, 20%);
$chocolate-fondue-dark: mix(#000, $chocolate-fondue, 20%);
.element {
color: $chocolate-fondue;
box-shadow: 0 0 0 2px rgba($chocolate-fondue, 0.35);
}