Nearest named color · #D5B3D6
#D5B3D6
Nearest named color: Blushing Sky
#D5B3D6 (rgb(213 179 214), hsl(298 30% 77%), oklch(0.807 0.061 325.2)) is closest to the named color Blushing Sky. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D5B3D6
oklch(0.807 0.061 325.2)
Color conversions
- HEX
- #d5b3d6
- RGB
- rgb(213 179 214)
- HSL
- hsl(298 30% 77%)
- HWB
- hwb(298 70% 16%)
- OKLCH
- oklch(0.807 0.061 325.2)
- OKLab
- oklab(0.807 0.05 -0.035)
- CIE Lab
- lab(76.8 17.16 -12.92)
- LCH
- lch(76.8 21.48 323)
- CMYK
- cmyk(0% 16% 0% 16%)
Tints · Shades · Tones
Tints
- D9BADA
- DEC2DE
- E2CAE2
- E6D1E6
- EAD9EB
- EEE0EF
- F3E8F3
- F7F0F7
- FBF7FB
Shades
- B99BBA
- 9E849E
- 836E84
- 6A586A
- 514352
- 3A2F3B
- 241D25
- 100C10
- 020102
Tones
- CCAECD
- C4A9C4
- BBA4BB
- B29EB3
- AA99AA
- A194A2
- 998F99
- 918A91
- 888588
Color harmonies
Complementary +180°
- D5B3D6
Blushing Sky
- A8CBA8
≈ Limestoned
Analogous -30° +30°
- D5B3D6
Blushing Sky
- C2B9E4
≈ Melrose
- E1B0C2
≈ Roseate Spoonbill
Triadic +120° +240°
- D5B3D6
Blushing Sky
- D2BE93
≈ Beaten Track
- 91CCD3
≈ Pentagon
Split-complementary +150° +210°
- D5B3D6
Blushing Sky
- BEC598
≈ Green Mist
- 96CDBE
≈ Mint Twist
Tetradic +90° +180° +270°
- D5B3D6
Blushing Sky
- E0B69B
≈ Pink Tulle
- A8CBA8
≈ Limestoned
- 9AC7E2
≈ Legacy Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.86:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.24:1 · APCA Lc 67
Best text color: #000000
WCAG 11.24:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--blushing-sky: #d5b3d6;
--blushing-sky-rgb: 213 179 214;
--blushing-sky-oklch: oklch(0.807 0.061 325.2);
}
.element {
color: var(--blushing-sky);
background-color: hsl(298 30% 77%);
border-color: oklch(0.807 0.061 325.2);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d5b3d6;
--color-blushing-sky-50: #ffeffe;
--color-blushing-sky-100: #f4e1f3;
--color-blushing-sky-200: #e3cce2;
--color-blushing-sky-300: #c9adc8;
--color-blushing-sky-400: #b292b3;
--color-blushing-sky-500: #9b789d;
--color-blushing-sky-600: #836684;
--color-blushing-sky-700: #69516a;
--color-blushing-sky-800: #4d3b4f;
--color-blushing-sky-900: #352937;
--color-blushing-sky-950: #211622;
}SCSS
$blushing-sky: #d5b3d6;
$blushing-sky-rgb: 213, 179, 214;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}