Nearest named color · #371809
#371809
Nearest named color: Délicieux au Chocolat
#371809 (rgb(55 24 9), hsl(20 72% 13%), oklch(0.251 0.055 45)) is closest to the named color Délicieux au Chocolat. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#371809
oklch(0.251 0.055 45)
Color conversions
- HEX
- #371809
- RGB
- rgb(55 24 9)
- HSL
- hsl(20 72% 13%)
- HWB
- hwb(20 4% 78%)
- OKLCH
- oklch(0.251 0.055 45)
- OKLab
- oklab(0.251 0.039 0.039)
- CIE Lab
- lab(12.74 14.77 15.61)
- LCH
- lch(12.74 21.49 46.6)
- CMYK
- cmyk(0% 56% 84% 78%)
Tints · Shades · Tones
Tints
- 4A2C1E
- 5C4034
- 6F564B
- 836C62
- 97837A
- AB9B93
- C0B3AD
- D4CCC8
- EAE5E3
Shades
- 2E1307
- 260F05
- 1E0A03
- 160702
- 0F0401
- 080201
- 030100
- 010000
- 000000
Tones
- 3F2215
- 462C20
- 4D362B
- 554037
- 5C4A42
- 63554E
- 6A5F5A
- 726A67
- 797573
Color harmonies
Complementary +180°
- 371809
Délicieux au Chocolat
- 002633
≈ Daintree
Analogous -30° +30°
- 371809
Délicieux au Chocolat
- 381519
≈ Rustic Red
- 301D00
≈ Powdered Cocoa
Triadic +120° +240°
- 371809
Délicieux au Chocolat
- 002A1B
≈ Nori Green
- 1F1D3B
≈ Nightwalker
Split-complementary +150° +210°
- 371809
Délicieux au Chocolat
- 002828
≈ Teal Spill
- 0E223C
≈ Cool Balaclavas Are Forever
Tetradic +90° +180° +270°
- 371809
Délicieux au Chocolat
- 16280A
≈ Lindworm Green
- 002633
≈ Daintree
- 2C1934
≈ Blackcurrant
Contrast & accessibility
Ag
AAAOn white
WCAG 16.19:1 · APCA Lc 103
Ag
FailOn black
WCAG 1.29:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 16.19:1 (AAA) · APCA Lc 103
Contrast pairs
Code snippets
CSS
:root {
--delicieux-au-chocolat: #371809;
--delicieux-au-chocolat-rgb: 55 24 9;
--delicieux-au-chocolat-oklch: oklch(0.251 0.055 45);
}
.element {
color: var(--delicieux-au-chocolat);
background-color: hsl(20 72% 13%);
border-color: oklch(0.251 0.055 45);
}Tailwind CSS v4
@theme {
--color-delicieux-au-chocolat: #371809;
--color-delicieux-au-chocolat-50: #fff1e8;
--color-delicieux-au-chocolat-100: #f8e3d9;
--color-delicieux-au-chocolat-200: #e9cec1;
--color-delicieux-au-chocolat-300: #d0afa0;
--color-delicieux-au-chocolat-400: #bb9584;
--color-delicieux-au-chocolat-500: #a67b68;
--color-delicieux-au-chocolat-600: #8c6858;
--color-delicieux-au-chocolat-700: #705346;
--color-delicieux-au-chocolat-800: #533c33;
--color-delicieux-au-chocolat-900: #3a2923;
--color-delicieux-au-chocolat-950: #241712;
}SCSS
$delicieux-au-chocolat: #371809;
$delicieux-au-chocolat-rgb: 55, 24, 9;
$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);
}