Named color · #CEDEE2
High Sierra
High Sierra is #CEDEE2: rgb(206 222 226), hsl(192 26% 85%), oklch(0.89 0.018 214.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · High Sierra color name →
#CEDEE2
oklch(0.89 0.018 214.4)
Color conversions
- HEX
- #cedee2
- RGB
- rgb(206 222 226)
- HSL
- hsl(192 26% 85%)
- HWB
- hwb(192 81% 11%)
- OKLCH
- oklch(0.89 0.018 214.4)
- OKLab
- oklab(0.89 -0.015 -0.01)
- CIE Lab
- lab(87.34 -4.96 -3.9)
- LCH
- lch(87.34 6.31 218.2)
- CMYK
- cmyk(9% 2% 0% 11%)
Tints · Shades · Tones
Tints
- D3E1E5
- D8E5E8
- DDE8EB
- E1EBEE
- E6EEF0
- EBF2F3
- F0F5F6
- F5F8F9
- FAFCFC
Shades
- B3C1C4
- 98A5A8
- 7F898C
- 666F71
- 4E5557
- 383D3E
- 232627
- 0F1212
- 020203
Tones
- C6D4D8
- BECACE
- B6C1C4
- AEB7BA
- A6AEB0
- 9EA4A6
- 979B9C
- 8F9293
- 888989
Color harmonies
Complementary +180°
- CEDEE2
High Sierra
- E6D7D3
≈ Lost Love
Analogous -30° +30°
- CEDEE2
High Sierra
- CEDFDC
≈ Snow Leopard
- D1DCE6
≈ London Lights
Triadic +120° +240°
- CEDEE2
High Sierra
- E3D6E0
≈ Flowers of May
- DEDBCE
≈ White Wisp
Split-complementary +150° +210°
- CEDEE2
High Sierra
- E6D6D9
≈ Velvet Blush
- E3D8CF
≈ Kangaroo Tan
Tetradic +90° +180° +270°
- CEDEE2
High Sierra
- DDD8E5
≈ Misty Violet
- E6D7D3
≈ Lost Love
- D8DDD0
≈ Light Iced Aniseed
Contrast & accessibility
Ag
FailOn white
WCAG 1.38:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.17:1 · APCA Lc 85
Best text color: #000000
WCAG 15.17:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
CSS
:root {
--high-sierra: #cedee2;
--high-sierra-rgb: 206 222 226;
--high-sierra-oklch: oklch(0.89 0.018 214.4);
}
.element {
color: var(--high-sierra);
background-color: hsl(192 26% 85%);
border-color: oklch(0.89 0.018 214.4);
}Tailwind CSS v4
@theme {
--color-high-sierra: #cedee2;
--color-high-sierra-50: #f0f6f8;
--color-high-sierra-100: #e2e9ec;
--color-high-sierra-200: #ccd6d9;
--color-high-sierra-300: #aebabd;
--color-high-sierra-400: #93a1a5;
--color-high-sierra-500: #79898e;
--color-high-sierra-600: #677478;
--color-high-sierra-700: #525d60;
--color-high-sierra-800: #3c4446;
--color-high-sierra-900: #292f30;
--color-high-sierra-950: #171c1d;
}SCSS
$high-sierra: #cedee2;
$high-sierra-rgb: 206, 222, 226;
$high-sierra-light: mix(#fff, $high-sierra, 20%);
$high-sierra-dark: mix(#000, $high-sierra, 20%);
.element {
color: $high-sierra;
box-shadow: 0 0 0 2px rgba($high-sierra, 0.35);
}