Nearest named color · #3D1225
#3D1225
Nearest named color: Chocolate Kiss
#3D1225 (rgb(61 18 37), hsl(333 54% 15%), oklch(0.259 0.071 355.8)) is closest to the named color Chocolate Kiss. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#3D1225
oklch(0.259 0.071 355.8)
Color conversions
- HEX
- #3d1225
- RGB
- rgb(61 18 37)
- HSL
- hsl(333 54% 15%)
- HWB
- hwb(333 7% 76%)
- OKLCH
- oklch(0.259 0.071 355.8)
- OKLab
- oklab(0.259 0.071 -0.005)
- CIE Lab
- lab(13.13 23.05 -1.71)
- LCH
- lch(13.13 23.11 355.8)
- CMYK
- cmyk(0% 70% 39% 76%)
Tints · Shades · Tones
Tints
- 502737
- 623C4B
- 75525F
- 886974
- 9C808A
- AF99A0
- C3B1B7
- D7CBCE
- EBE5E7
Shades
- 340E1F
- 2B0A19
- 220713
- 1A040D
- 120208
- 0A0104
- 040102
- 010000
- 000000
Tones
- 441D2D
- 4C2836
- 53323E
- 593D47
- 604850
- 675359
- 6D5E63
- 74696C
- 7A7476
Color harmonies
Complementary +180°
- 3D1225
Chocolate Kiss
- 002B23
≈ Deep Slate Green
Analogous -30° +30°
- 3D1225
Chocolate Kiss
- 351536
≈ Cultist Robe
- 401311
≈ English Breakfast
Triadic +120° +240°
- 3D1225
Chocolate Kiss
- 232700
≈ Liquorice Root
- 00273B
≈ Murky Depths
Split-complementary +150° +210°
- 3D1225
Chocolate Kiss
- 062C0C
≈ Haunted Forest
- 002A2E
≈ Daintree
Tetradic +90° +180° +270°
- 3D1225
Chocolate Kiss
- 2F2100
≈ Black Swan
- 002B23
≈ Deep Slate Green
- 132146
≈ Dark Eclipse
Contrast & accessibility
Ag
AAAOn white
WCAG 16.01:1 · APCA Lc 103
Ag
FailOn black
WCAG 1.31:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 16.01:1 (AAA) · APCA Lc 103
Contrast pairs
Code snippets
CSS
:root {
--chocolate-kiss: #3d1225;
--chocolate-kiss-rgb: 61 18 37;
--chocolate-kiss-oklch: oklch(0.259 0.071 355.8);
}
.element {
color: var(--chocolate-kiss);
background-color: hsl(333 54% 15%);
border-color: oklch(0.259 0.071 355.8);
}Tailwind CSS v4
@theme {
--color-chocolate-kiss: #3d1225;
--color-chocolate-kiss-50: #ffedf5;
--color-chocolate-kiss-100: #fddfe8;
--color-chocolate-kiss-200: #efc8d4;
--color-chocolate-kiss-300: #d7a9b7;
--color-chocolate-kiss-400: #c18da0;
--color-chocolate-kiss-500: #ac7288;
--color-chocolate-kiss-600: #926173;
--color-chocolate-kiss-700: #754d5c;
--color-chocolate-kiss-800: #563844;
--color-chocolate-kiss-900: #3c262f;
--color-chocolate-kiss-950: #26151c;
}SCSS
$chocolate-kiss: #3d1225;
$chocolate-kiss-rgb: 61, 18, 37;
$chocolate-kiss-light: mix(#fff, $chocolate-kiss, 20%);
$chocolate-kiss-dark: mix(#000, $chocolate-kiss, 20%);
.element {
color: $chocolate-kiss;
box-shadow: 0 0 0 2px rgba($chocolate-kiss, 0.35);
}