Nearest named color · #D596B6
#D596B6
Nearest named color: Sweet Perfume
#D596B6 (rgb(213 150 182), hsl(330 43% 71%), oklch(0.744 0.086 347.5)) is closest to the named color Sweet Perfume. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D596B6
oklch(0.744 0.086 347.5)
Color conversions
- HEX
- #d596b6
- RGB
- rgb(213 150 182)
- HSL
- hsl(330 43% 71%)
- HWB
- hwb(330 59% 16%)
- OKLCH
- oklch(0.744 0.086 347.5)
- OKLab
- oklab(0.744 0.084 -0.019)
- CIE Lab
- lab(69.11 27.88 -6.73)
- LCH
- lch(69.11 28.68 346.4)
- CMYK
- cmyk(0% 30% 15% 16%)
Tints · Shades · Tones
Tints
- DAA0BD
- DEABC4
- E3B5CB
- E7C0D3
- EBCADA
- F0D4E1
- F4DFE9
- F8EAF0
- FBF4F8
Shades
- B9829E
- 9E6E86
- 835B6F
- 6A4959
- 513744
- 3A2630
- 24161D
- 10080C
- 020102
Tones
- CD94B0
- C492AB
- BC90A5
- B38EA0
- AB8C9B
- A28995
- 9A8790
- 91858B
- 898285
Color harmonies
Complementary +180°
- D596B6
Sweet Perfume
- 73BEA1
≈ Mint Cold Green
Analogous -30° +30°
- D596B6
Sweet Perfume
- C39BD0
≈ Mauve Mist
- DD9698
≈ Blushing Bud
Triadic +120° +240°
- D596B6
Sweet Perfume
- B1B06F
≈ Rodham
- 6EB7D7
≈ Tribute
Split-complementary +150° +210°
- D596B6
Sweet Perfume
- 92B984
≈ Willow Dyed
- 63BDBF
≈ Fresh Soft Blue
Tetradic +90° +180° +270°
- D596B6
Sweet Perfume
- CAA56D
≈ Classic Gold
- 73BEA1
≈ Mint Cold Green
- 8AAEE2
≈ Queer Blue
Contrast & accessibility
Ag
FailOn white
WCAG 2.36:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.86:1 · APCA Lc 55
Best text color: #000000
WCAG 8.86:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--sweet-perfume: #d596b6;
--sweet-perfume-rgb: 213 150 182;
--sweet-perfume-oklch: oklch(0.744 0.086 347.5);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(330 43% 71%);
border-color: oklch(0.744 0.086 347.5);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d596b6;
--color-sweet-perfume-50: #ffecf9;
--color-sweet-perfume-100: #ffddec;
--color-sweet-perfume-200: #f2c6da;
--color-sweet-perfume-300: #daa6be;
--color-sweet-perfume-400: #c58aa8;
--color-sweet-perfume-500: #b06e91;
--color-sweet-perfume-600: #955e7a;
--color-sweet-perfume-700: #774b62;
--color-sweet-perfume-800: #583649;
--color-sweet-perfume-900: #3d2533;
--color-sweet-perfume-950: #27131e;
}SCSS
$sweet-perfume: #d596b6;
$sweet-perfume-rgb: 213, 150, 182;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}