Benannte Farbe · #C7DAE8
Celestial Light
Celestial Light ist #C7DAE8: rgb(199 218 232), hsl(205 42% 85%), oklch(0.878 0.028 239.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Celestial Light color name →
#C7DAE8
oklch(0.878 0.028 239.7)
Farbumrechnungen
- HEX
- #c7dae8
- RGB
- rgb(199 218 232)
- HSL
- hsl(205 42% 85%)
- HWB
- hwb(205 78% 9%)
- OKLCH
- oklch(0.878 0.028 239.7)
- OKLab
- oklab(0.878 -0.014 -0.024)
- CIE Lab
- lab(85.94 -4.49 -9.17)
- LCH
- lch(85.94 10.21 243.9)
- CMYK
- cmyk(14% 6% 0% 9%)
Tints · Shades · Tones
Tints
- CDDEEA
- D2E1ED
- D8E5EF
- DDE9F1
- E3ECF4
- E8F0F6
- EEF4F8
- F4F8FA
- F9FBFD
Shades
- ADBDCA
- 93A2AC
- 7A8790
- 626C74
- 4C5459
- 363C40
- 212529
- 0E1113
- 020203
Tones
- C0D1DD
- B8C7D2
- B1BEC8
- AAB5BD
- A3ACB3
- 9CA3A8
- 959A9E
- 8E9194
- 87898A
Farbharmonien
Komplementär +180°
- C7DAE8
Celestial Light
- E6D3C5
≈ Ash Plum
Analog -30° +30°
- C7DAE8
Celestial Light
- C3DCE1
≈ Byte Blue
- CFD7EA
≈ Lilac Cotton Candy
Triadisch +120° +240°
- C7DAE8
Celestial Light
- E8D0D6
≈ Desert Mauve
- D4DAC6
≈ Light Feather Green
Geteilt komplementär +150° +210°
- C7DAE8
Celestial Light
- E9D1CC
≈ Birthday Cake
- DED7C3
≈ Salsify White
Tetradisch +90° +180° +270°
- C7DAE8
Celestial Light
- E2D1E0
≈ Ametrine Quartz
- E6D3C5
≈ Ash Plum
- CBDDCD
≈ Flip a Coin
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.43:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.62:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.62:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--celestial-light: #c7dae8;
--celestial-light-rgb: 199 218 232;
--celestial-light-oklch: oklch(0.878 0.028 239.7);
}
.element {
color: var(--celestial-light);
background-color: hsl(205 42% 85%);
border-color: oklch(0.878 0.028 239.7);
}Tailwind CSS v4
@theme {
--color-celestial-light: #c7dae8;
--color-celestial-light-50: #eef6fd;
--color-celestial-light-100: #e0e9f1;
--color-celestial-light-200: #cad6df;
--color-celestial-light-300: #abbac5;
--color-celestial-light-400: #90a1ae;
--color-celestial-light-500: #768997;
--color-celestial-light-600: #647480;
--color-celestial-light-700: #505d66;
--color-celestial-light-800: #3a444b;
--color-celestial-light-900: #272f34;
--color-celestial-light-950: #161b20;
}SCSS
$celestial-light: #c7dae8;
$celestial-light-rgb: 199, 218, 232;
$celestial-light-light: mix(#fff, $celestial-light, 20%);
$celestial-light-dark: mix(#000, $celestial-light, 20%);
.element {
color: $celestial-light;
box-shadow: 0 0 0 2px rgba($celestial-light, 0.35);
}