Benannte Farbe · #CAE3EA
Endless Sky
Endless Sky ist #CAE3EA: rgb(202 227 234), hsl(193 43% 85%), oklch(0.9 0.028 216.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Endless Sky color name →
#CAE3EA
oklch(0.9 0.028 216.4)
Farbumrechnungen
- 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
Farbharmonien
Komplementär +180°
- CAE3EA
Endless Sky
- F0D8D1
≈ Delicate Blush
Analog -30° +30°
- CAE3EA
Endless Sky
- CAE4E1
≈ Moonlight Jade
- CFE0F0
≈ Vanishing Blue
Triadisch +120° +240°
- CAE3EA
Endless Sky
- EBD7E5
≈ All Made Up
- E3DECA
≈ Light Beige
Geteilt komplementär +150° +210°
- CAE3EA
Endless Sky
- F0D7DB
≈ Pale Rose
- EBDBCB
≈ Chinese Hamster
Tetradisch +90° +180° +270°
- CAE3EA
Endless Sky
- E2D9ED
≈ Awakened
- F0D8D1
≈ Delicate Blush
- D9E2CE
≈ Gratifying Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.68:1 · APCA Lc 87
Beste Textfarbe: #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);
}