Colore con nome più vicino · #401D08
#401D08
Colore con nome più vicino: Délicieux au Chocolat
#401D08 (rgb(64 29 8), hsl(23 78% 14%), oklch(0.276 0.063 48.6)) è più vicino al colore con nome Délicieux au Chocolat. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#401D08
oklch(0.276 0.063 48.6)
Conversioni di colore
- HEX
- #401d08
- RGB
- rgb(64 29 8)
- HSL
- hsl(23 78% 14%)
- HWB
- hwb(23 3% 75%)
- OKLCH
- oklch(0.276 0.063 48.6)
- OKLab
- oklab(0.276 0.041 0.047)
- CIE Lab
- lab(15.68 16.11 20.16)
- LCH
- lch(15.68 25.8 51.4)
- CMYK
- cmyk(0% 55% 88% 75%)
Tinte · Ombre · Toni
Tinte
- 52311F
- 644535
- 775A4C
- 897063
- 9C867B
- B09D94
- C3B5AE
- D7CDC8
- EBE6E3
Ombre
- 361806
- 2D1304
- 240E03
- 1B0902
- 130501
- 0B0301
- 050100
- 010000
- 000000
Toni
- 472715
- 4D3020
- 543A2C
- 5B4337
- 614D43
- 67574F
- 6E615B
- 746B67
- 7A7673
Armonie di colore
Complementare +180°
- 401D08
Délicieux au Chocolat
- 002D3D
≈ Black Chasm
Analogo -30° +30°
- 401D08
Délicieux au Chocolat
- 42191C
≈ Bruised Plum
- 372400
≈ Black Swan
Triadico +120° +240°
- 401D08
Délicieux au Chocolat
- 003023
≈ Dark Jungle
- 272245
≈ Midnight Velvet
Complementare divisa +150° +210°
- 401D08
Délicieux au Chocolat
- 002F31
≈ Roof Tile Green
- 142846
≈ Eternal Darkness
Tetradico +90° +180° +270°
- 401D08
Délicieux au Chocolat
- 172F0F
≈ Dark Serpent
- 002D3D
≈ Black Chasm
- 351D3C
≈ Power Outage
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.02:1 · APCA Lc 102
Ag
FailSu nero
WCAG 1.39:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.02:1 (AAA) · APCA Lc 102
Contrast pairs
Frammenti di codice
CSS
:root {
--delicieux-au-chocolat: #401d08;
--delicieux-au-chocolat-rgb: 64 29 8;
--delicieux-au-chocolat-oklch: oklch(0.276 0.063 48.6);
}
.element {
color: var(--delicieux-au-chocolat);
background-color: hsl(23 78% 14%);
border-color: oklch(0.276 0.063 48.6);
}Tailwind CSS v4
@theme {
--color-delicieux-au-chocolat: #401d08;
--color-delicieux-au-chocolat-50: #fff1e5;
--color-delicieux-au-chocolat-100: #fae2d6;
--color-delicieux-au-chocolat-200: #ebcdbd;
--color-delicieux-au-chocolat-300: #d3af9b;
--color-delicieux-au-chocolat-400: #be947e;
--color-delicieux-au-chocolat-500: #a97a61;
--color-delicieux-au-chocolat-600: #8f6753;
--color-delicieux-au-chocolat-700: #725342;
--color-delicieux-au-chocolat-800: #553c30;
--color-delicieux-au-chocolat-900: #3b2920;
--color-delicieux-au-chocolat-950: #251710;
}SCSS
$delicieux-au-chocolat: #401d08;
$delicieux-au-chocolat-rgb: 64, 29, 8;
$delicieux-au-chocolat-light: mix(#fff, $delicieux-au-chocolat, 20%);
$delicieux-au-chocolat-dark: mix(#000, $delicieux-au-chocolat, 20%);
.element {
color: $delicieux-au-chocolat;
box-shadow: 0 0 0 2px rgba($delicieux-au-chocolat, 0.35);
}