Named color · #C9C6DF
Purple Purity
Purple Purity is #C9C6DF: rgb(201 198 223), hsl(247 28% 83%), oklch(0.837 0.035 291.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Purple Purity color name →
#C9C6DF
oklch(0.837 0.035 291.1)
Color conversions
- HEX
- #c9c6df
- RGB
- rgb(201 198 223)
- HSL
- hsl(247 28% 83%)
- HWB
- hwb(247 78% 13%)
- OKLCH
- oklch(0.837 0.035 291.1)
- OKLab
- oklab(0.837 0.013 -0.032)
- CIE Lab
- lab(80.71 4.66 -12.09)
- LCH
- lch(80.71 12.96 291.1)
- CMYK
- cmyk(10% 11% 0% 13%)
Tints · Shades · Tones
Tints
- CECCE2
- D4D1E5
- D9D7E9
- DEDDEC
- E4E2EF
- E9E8F2
- EFEEF5
- F4F3F9
- F9F9FC
Shades
- AEACC2
- 9592A5
- 7C7A8A
- 64626F
- 4C4B56
- 36353D
- 222127
- 0F0E12
- 020202
Tones
- C1BFD5
- BAB8CB
- B2B0C2
- ABA9B8
- A4A2AE
- 9C9BA5
- 95949C
- 8E8E92
- 878789
Color harmonies
Complementary +180°
- C9C6DF
Purple Purity
- CACCB2
≈ Chilled Cucumber
Analogous -30° +30°
- C9C6DF
Purple Purity
- BDCAE1
≈ Hindsight
- D4C3D7
≈ Tender Violet
Triadic +120° +240°
- C9C6DF
Purple Purity
- DDC4B6
≈ Coral Stone
- B4D1C6
≈ Uninhibited
Split-complementary +150° +210°
- C9C6DF
Purple Purity
- D5C8B1
≈ Bone Meal
- BED0BB
≈ Sunlit Sea
Tetradic +90° +180° +270°
- C9C6DF
Purple Purity
- DFC1C0
≈ Spice Girl
- CACCB2
≈ Chilled Cucumber
- B0D1D3
≈ Fine China
Contrast & accessibility
Ag
FailOn white
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.62:1 · APCA Lc 74
Best text color: #000000
WCAG 12.62:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--purple-purity: #c9c6df;
--purple-purity-rgb: 201 198 223;
--purple-purity-oklch: oklch(0.837 0.035 291.1);
}
.element {
color: var(--purple-purity);
background-color: hsl(247 28% 83%);
border-color: oklch(0.837 0.035 291.1);
}Tailwind CSS v4
@theme {
--color-purple-purity: #c9c6df;
--color-purple-purity-50: #f5f3ff;
--color-purple-purity-100: #e8e6f3;
--color-purple-purity-200: #d4d2e2;
--color-purple-purity-300: #b8b4c8;
--color-purple-purity-400: #9e9bb2;
--color-purple-purity-500: #86839c;
--color-purple-purity-600: #716e84;
--color-purple-purity-700: #5b586a;
--color-purple-purity-800: #42414e;
--color-purple-purity-900: #2d2d36;
--color-purple-purity-950: #1a1a21;
}SCSS
$purple-purity: #c9c6df;
$purple-purity-rgb: 201, 198, 223;
$purple-purity-light: mix(#fff, $purple-purity, 20%);
$purple-purity-dark: mix(#000, $purple-purity, 20%);
.element {
color: $purple-purity;
box-shadow: 0 0 0 2px rgba($purple-purity, 0.35);
}