Benannte Farbe · #CAE2D9
Moody Mist
Moody Mist ist #CAE2D9: rgb(202 226 217), hsl(158 29% 84%), oklch(0.893 0.028 171.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Moody Mist color name →
#CAE2D9
oklch(0.893 0.028 171.1)
Farbumrechnungen
- HEX
- #cae2d9
- RGB
- rgb(202 226 217)
- HSL
- hsl(158 29% 84%)
- HWB
- hwb(158 79% 11%)
- OKLCH
- oklch(0.893 0.028 171.1)
- OKLab
- oklab(0.893 -0.028 0.004)
- CIE Lab
- lab(87.91 -9.52 1.57)
- LCH
- lch(87.91 9.65 170.6)
- CMYK
- cmyk(11% 0% 4% 11%)
Tints · Shades · Tones
Tints
- CFE5DD
- D5E8E1
- DAEBE4
- DFEEE8
- E4F0EC
- EAF3F0
- EFF6F3
- F4F9F7
- FAFCFB
Shades
- AFC4BC
- 95A8A1
- 7C8C86
- 64716C
- 4D5753
- 373E3B
- 222725
- 0F1211
- 020302
Tones
- C2D8D0
- BBCEC7
- B3C4BD
- ACBAB4
- A4B0AB
- 9DA6A3
- 969C9A
- 8E9391
- 878988
Farbharmonien
Komplementär +180°
- CAE2D9
Moody Mist
- EBD4DE
≈ Lighthearted Pink
Analog -30° +30°
- CAE2D9
Moody Mist
- D2E1CF
≈ Comforting Green
- C7E2E3
≈ Mellifluous Blue
Triadisch +120° +240°
- CAE2D9
Moody Mist
- DBD9ED
≈ Eyeshadow
- ECD7CB
≈ Antique Pearl
Geteilt komplementär +150° +210°
- CAE2D9
Moody Mist
- E5D6E7
≈ Old Chalk
- EED5D3
≈ Radiant Rose
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.36:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.39:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--moody-mist: #cae2d9;
--moody-mist-rgb: 202 226 217;
--moody-mist-oklch: oklch(0.893 0.028 171.1);
}
.element {
color: var(--moody-mist);
background-color: hsl(158 29% 84%);
border-color: oklch(0.893 0.028 171.1);
}Tailwind CSS v4
@theme {
--color-moody-mist: #cae2d9;
--color-moody-mist-50: #edf8f4;
--color-moody-mist-100: #dfebe7;
--color-moody-mist-200: #c9d8d3;
--color-moody-mist-300: #aabcb6;
--color-moody-mist-400: #8fa49c;
--color-moody-mist-500: #748d84;
--color-moody-mist-600: #62776f;
--color-moody-mist-700: #4f5f59;
--color-moody-mist-800: #394641;
--color-moody-mist-900: #27302d;
--color-moody-mist-950: #151c1a;
}SCSS
$moody-mist: #cae2d9;
$moody-mist-rgb: 202, 226, 217;
$moody-mist-light: mix(#fff, $moody-mist, 20%);
$moody-mist-dark: mix(#000, $moody-mist, 20%);
.element {
color: $moody-mist;
box-shadow: 0 0 0 2px rgba($moody-mist, 0.35);
}