Nearest named color · #46271A
#46271A
Nearest named color: Délicieux au Chocolat
#46271A (rgb(70 39 26), hsl(18 46% 19%), oklch(0.31 0.052 43.2)) is closest to the named color Délicieux au Chocolat. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#46271A
oklch(0.31 0.052 43.2)
Color conversions
- HEX
- #46271a
- RGB
- rgb(70 39 26)
- HSL
- hsl(18 46% 19%)
- HWB
- hwb(18 10% 73%)
- OKLCH
- oklch(0.31 0.052 43.2)
- OKLab
- oklab(0.31 0.038 0.036)
- CIE Lab
- lab(19.56 13.85 15.06)
- LCH
- lch(19.56 20.46 47.4)
- CMYK
- cmyk(0% 44% 63% 73%)
Tints · Shades · Tones
Tints
- 573A2E
- 694D42
- 7B6257
- 8D766D
- 9F8C84
- B2A29C
- C5B8B4
- D8D0CC
- EBE7E5
Shades
- 3C2015
- 321A10
- 28140C
- 1E0E07
- 150804
- 0D0402
- 050201
- 020100
- 000000
Tones
- 4C2F24
- 52382D
- 584137
- 5E4941
- 64524B
- 695B55
- 6F6460
- 756D6A
- 7A7775
Color harmonies
Complementary +180°
- 46271A
Délicieux au Chocolat
- 093643
≈ Firmament Blue
Analogous -30° +30°
- 46271A
Délicieux au Chocolat
- 472529
≈ New Bulgarian Rose
- 402C0F
≈ Hidden Passage
Triadic +120° +240°
- 46271A
Délicieux au Chocolat
- 133829
≈ Deep Fir
- 2D2C4A
≈ Tropical Night Blue
Split-complementary +150° +210°
- 46271A
Délicieux au Chocolat
- 023837
≈ Customs Green
- 1C314A
≈ Manganese Black
Tetradic +90° +180° +270°
- 46271A
Délicieux au Chocolat
- 26361A
≈ Darkest Forest
- 093643
≈ Firmament Blue
- 392843
≈ Aubergine Mauve
Contrast & accessibility
Ag
AAAOn white
WCAG 13.41:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.56:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.41:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--delicieux-au-chocolat: #46271a;
--delicieux-au-chocolat-rgb: 70 39 26;
--delicieux-au-chocolat-oklch: oklch(0.31 0.052 43.2);
}
.element {
color: var(--delicieux-au-chocolat);
background-color: hsl(18 46% 19%);
border-color: oklch(0.31 0.052 43.2);
}Tailwind CSS v4
@theme {
--color-delicieux-au-chocolat: #46271a;
--color-delicieux-au-chocolat-50: #fff1e9;
--color-delicieux-au-chocolat-100: #f8e3da;
--color-delicieux-au-chocolat-200: #e8cec2;
--color-delicieux-au-chocolat-300: #cfb0a2;
--color-delicieux-au-chocolat-400: #ba9586;
--color-delicieux-au-chocolat-500: #a47b6b;
--color-delicieux-au-chocolat-600: #8b695b;
--color-delicieux-au-chocolat-700: #6f5448;
--color-delicieux-au-chocolat-800: #523d35;
--color-delicieux-au-chocolat-900: #392a24;
--color-delicieux-au-chocolat-950: #241713;
}SCSS
$delicieux-au-chocolat: #46271a;
$delicieux-au-chocolat-rgb: 70, 39, 26;
$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);
}