Named color · #CAE3EA
Endless Sky
Endless Sky is #CAE3EA: rgb(202 227 234), hsl(193 43% 85%), oklch(0.9 0.028 216.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Endless Sky color name →
#CAE3EA
oklch(0.9 0.028 216.4)
Color conversions
- HEX
- #cae3ea
- RGB
- rgb(202 227 234)
- HSL
- hsl(193 43% 85%)
- HWB
- hwb(193 79% 8%)
- OKLCH
- oklch(0.9 0.028 216.4)
- OKLab
- oklab(0.9 -0.023 -0.017)
- CIE Lab
- lab(88.54 -7.51 -6.38)
- LCH
- lch(88.54 9.85 220.3)
- CMYK
- cmyk(14% 3% 0% 8%)
Tints · Shades · Tones
Tints
- CFE6EC
- D5E9EE
- DAEBF0
- DFEEF2
- E4F1F5
- EAF4F7
- EFF7F9
- F4F9FB
- FAFCFD
Shades
- AFC5CB
- 95A8AE
- 7C8C91
- 647175
- 4D575A
- 373F41
- 222729
- 0F1213
- 020303
Tones
- C2D9DF
- BBCED4
- B3C4C9
- ACBABE
- A4B0B4
- 9DA6A9
- 969D9F
- 8E9394
- 87898A
Color harmonies
Complementary +180°
- CAE3EA
Endless Sky
- F0D8D1
≈ Delicate Blush
Analogous -30° +30°
- CAE3EA
Endless Sky
- CAE4E1
≈ Moonlight Jade
- CFE0F0
≈ Vanishing Blue
Triadic +120° +240°
- CAE3EA
Endless Sky
- EBD7E5
≈ All Made Up
- E3DECA
≈ Light Beige
Split-complementary +150° +210°
- CAE3EA
Endless Sky
- F0D7DB
≈ Pale Rose
- EBDBCB
≈ Chinese Hamster
Tetradic +90° +180° +270°
- CAE3EA
Endless Sky
- E2D9ED
≈ Awakened
- F0D8D1
≈ Delicate Blush
- D9E2CE
≈ Gratifying Green
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.68:1 · APCA Lc 87
Best text color: #000000
WCAG 15.68:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--endless-sky: #cae3ea;
--endless-sky-rgb: 202 227 234;
--endless-sky-oklch: oklch(0.9 0.028 216.4);
}
.element {
color: var(--endless-sky);
background-color: hsl(193 43% 85%);
border-color: oklch(0.9 0.028 216.4);
}Tailwind CSS v4
@theme {
--color-endless-sky: #cae3ea;
--color-endless-sky-50: #edf7fb;
--color-endless-sky-100: #deeaee;
--color-endless-sky-200: #c8d7dc;
--color-endless-sky-300: #a8bbc1;
--color-endless-sky-400: #8ca3a9;
--color-endless-sky-500: #728b92;
--color-endless-sky-600: #60767c;
--color-endless-sky-700: #4d5e63;
--color-endless-sky-800: #384548;
--color-endless-sky-900: #263032;
--color-endless-sky-950: #141c1e;
}SCSS
$endless-sky: #cae3ea;
$endless-sky-rgb: 202, 227, 234;
$endless-sky-light: mix(#fff, $endless-sky, 20%);
$endless-sky-dark: mix(#000, $endless-sky, 20%);
.element {
color: $endless-sky;
box-shadow: 0 0 0 2px rgba($endless-sky, 0.35);
}