Lighter companion
Sapphire Mist Clear
#D8E6F3 · hsl(210, 54%, 90%)
RGB
rgb(192, 214, 236)
HSL
hsl(210, 54%, 84%)
CMYK
cmyk(19%, 9%, 0%, 7%)
Metrics
S 54% · L 84%
Contrast (WCAG)
on white
1.5:1Fail
on black
14.1:1AA
About this color
Sapphire Pearl Clear (#C0D6EC) belongs to the blue family — hue 210°, 54% saturation, 84% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-sapphire-pearl-clear: #C0D6EC; --colorarchive-sapphire-pearl-clear-hsl: hsl(210, 54%, 84%); --colorarchive-sapphire-pearl-clear-rgb: rgb(192, 214, 236); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Sapphire Bloom Clear
#A1C2E3 · hsl(210, 54%, 76%)
Complementary counterpoint
Coral Pearl Clear
#ECD6C0 · hsl(30, 54%, 84%)
Analogous lead
Indigo Pearl Clear
#C0C8EC · hsl(230, 54%, 84%)
Analogous echo
Cerulean Pearl Clear
#C0E5EC · hsl(190, 54%, 84%)
Triadic +120°
Blush Pearl Clear
#ECC0D6 · hsl(330, 54%, 84%)
Triadic +240°
Lime Pearl Clear
#D6ECC0 · hsl(90, 54%, 84%)
Split-comp +150°
Crimson Pearl Clear
#ECC0C0 · hsl(0, 54%, 84%)
Split-comp +210°
Citrine Pearl Clear
#ECECC0 · hsl(60, 54%, 84%)
Export preview
Base: Sapphire Pearl Clear #C0D6EC Lighter companion: Sapphire Mist Clear #D8E6F3 Darker companion: Sapphire Bloom Clear #A1C2E3 Complementary counterpoint: Coral Pearl Clear #ECD6C0 Analogous lead: Indigo Pearl Clear #C0C8EC Analogous echo: Cerulean Pearl Clear #C0E5EC Triadic +120°: Blush Pearl Clear #ECC0D6 Triadic +240°: Lime Pearl Clear #D6ECC0 Split-comp +150°: Crimson Pearl Clear #ECC0C0 Split-comp +210°: Citrine Pearl Clear #ECECC0
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Mist Clear
#D8E6F3 · hsl(210, 54%, 90%)
Nearby match
Steel Pearl Clear
#C0DAEC · hsl(205, 54%, 84%)
Nearby match
Sapphire Bloom Clear
#A1C2E3 · hsl(210, 54%, 76%)
Nearby match
Sapphire Whisper Clear
#E7F0F8 · hsl(210, 54%, 94%)
Nearby match
Sapphire Pearl Soft
#C8D6E4 · hsl(210, 34%, 84%)
Nearby match
Sapphire Pearl Vivid
#B8D6F4 · hsl(210, 74%, 84%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#C9C7E6
Protanopia
#CACAE7
Tritanopia
#C1E3E2
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.