Nearest named color · #D5C5FF
#D5C5FF
Nearest named color: Innocent Snowdrop
#D5C5FF (rgb(213 197 255), hsl(257 100% 89%), oklch(0.856 0.081 297.3)) is closest to the named color Innocent Snowdrop. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D5C5FF
oklch(0.856 0.081 297.3)
Color conversions
- HEX
- #d5c5ff
- RGB
- rgb(213 197 255)
- HSL
- hsl(257 100% 89%)
- HWB
- hwb(257 77% 0%)
- OKLCH
- oklch(0.856 0.081 297.3)
- OKLab
- oklab(0.856 0.037 -0.072)
- CIE Lab
- lab(82.32 14.21 -26.56)
- LCH
- lch(82.32 30.13 298.2)
- CMYK
- cmyk(16% 23% 0% 0%)
Tints · Shades · Tones
Tints
- D9CBFF
- DDD1FF
- E1D6FF
- E5DCFF
- EAE2FF
- EEE8FF
- F2EEFF
- F6F3FF
- FBF9FF
Shades
- B9ABDE
- 9E92BE
- 83799E
- 6A6180
- 514B63
- 3A3548
- 24212E
- 100E16
- 020203
Tones
- CCBEF2
- C3B7E5
- BBB0D8
- B2A9CB
- A9A2BE
- A19BB1
- 9994A5
- 908E98
- 88878C
Color harmonies
Complementary +180°
- D5C5FF
Innocent Snowdrop
- CBD79A
≈ Cucumber Ice
Analogous -30° +30°
- D5C5FF
Innocent Snowdrop
- BBCFFF
≈ Ice Cold Stare
- EDBDEC
≈ Lovecloud
Triadic +120° +240°
- D5C5FF
Innocent Snowdrop
- F9C39C
≈ Cream Blush
- 94E2CF
≈ Beach Glass
Split-complementary +150° +210°
- D5C5FF
Innocent Snowdrop
- E6CD92
≈ Honeycomb Glow
- ADDFB1
≈ Celtic Spring
Tetradic +90° +180° +270°
- D5C5FF
Innocent Snowdrop
- FFBDB4
≈ Melon Water
- CBD79A
≈ Cucumber Ice
- 8DDFEB
≈ Photon Barrier
Contrast & accessibility
Ag
FailOn white
WCAG 1.58:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.25:1 · APCA Lc 77
Best text color: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--innocent-snowdrop: #d5c5ff;
--innocent-snowdrop-rgb: 213 197 255;
--innocent-snowdrop-oklch: oklch(0.856 0.081 297.3);
}
.element {
color: var(--innocent-snowdrop);
background-color: hsl(257 100% 89%);
border-color: oklch(0.856 0.081 297.3);
}Tailwind CSS v4
@theme {
--color-innocent-snowdrop: #d5c5ff;
--color-innocent-snowdrop-50: #f8f1ff;
--color-innocent-snowdrop-100: #ebe2ff;
--color-innocent-snowdrop-200: #d9cdf3;
--color-innocent-snowdrop-300: #bdafdc;
--color-innocent-snowdrop-400: #a395c9;
--color-innocent-snowdrop-500: #8c7bb6;
--color-innocent-snowdrop-600: #766899;
--color-innocent-snowdrop-700: #5f537b;
--color-innocent-snowdrop-800: #443d5c;
--color-innocent-snowdrop-900: #2f2a40;
--color-innocent-snowdrop-950: #1c1729;
}SCSS
$innocent-snowdrop: #d5c5ff;
$innocent-snowdrop-rgb: 213, 197, 255;
$innocent-snowdrop-light: mix(#fff, $innocent-snowdrop, 20%);
$innocent-snowdrop-dark: mix(#000, $innocent-snowdrop, 20%);
.element {
color: $innocent-snowdrop;
box-shadow: 0 0 0 2px rgba($innocent-snowdrop, 0.35);
}