Benannte Farbe · #CDDED7
Light Quaver
Light Quaver ist #CDDED7: rgb(205 222 215), hsl(155 20% 84%), oklch(0.886 0.021 169.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Quaver color name →
#CDDED7
oklch(0.886 0.021 169.3)
Farbumrechnungen
- HEX
- #cdded7
- RGB
- rgb(205 222 215)
- HSL
- hsl(155 20% 84%)
- HWB
- hwb(155 80% 13%)
- OKLCH
- oklch(0.886 0.021 169.3)
- OKLab
- oklab(0.886 -0.02 0.004)
- CIE Lab
- lab(87.03 -6.87 1.39)
- LCH
- lch(87.03 7.01 168.6)
- CMYK
- cmyk(8% 0% 3% 13%)
Tints · Shades · Tones
Tints
- D2E1DB
- D7E5DF
- DCE8E3
- E1EBE7
- E6EEEB
- EBF2EF
- F0F5F3
- F5F8F7
- FAFCFB
Shades
- B2C1BB
- 98A59F
- 7E8985
- 666F6B
- 4E5552
- 383D3B
- 232625
- 0F1211
- 020202
Tones
- C5D4CE
- BDCAC5
- B5C1BC
- ADB7B3
- A6AEAA
- 9EA4A2
- 969B99
- 8F9291
- 878988
Farbharmonien
Komplementär +180°
- CDDED7
Light Quaver
- E5D4DB
≈ Swiss Rose
Analog -30° +30°
- CDDED7
Light Quaver
- D3DDD0
≈ Feather Fern
- CBDEDE
≈ Light Relax
Triadisch +120° +240°
- CDDED7
Light Quaver
- D9D7E6
≈ Perfection
- E5D6CE
≈ Dawn Pink
Geteilt komplementär +150° +210°
- CDDED7
Light Quaver
- DFD5E2
≈ Light Modesty
- E7D4D4
≈ Demure
Tetradisch +90° +180° +270°
- CDDED7
Light Quaver
- D1DAE7
≈ Sueded Grey
- E5D4DB
≈ Swiss Rose
- E1D8CB
≈ Maybe Mushroom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.39:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.02:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--light-quaver: #cdded7;
--light-quaver-rgb: 205 222 215;
--light-quaver-oklch: oklch(0.886 0.021 169.3);
}
.element {
color: var(--light-quaver);
background-color: hsl(155 20% 84%);
border-color: oklch(0.886 0.021 169.3);
}Tailwind CSS v4
@theme {
--color-light-quaver: #cdded7;
--color-light-quaver-50: #f0f7f4;
--color-light-quaver-100: #e1eae7;
--color-light-quaver-200: #ccd7d3;
--color-light-quaver-300: #aebbb6;
--color-light-quaver-400: #93a39c;
--color-light-quaver-500: #798b84;
--color-light-quaver-600: #677570;
--color-light-quaver-700: #525e59;
--color-light-quaver-800: #3c4541;
--color-light-quaver-900: #29302d;
--color-light-quaver-950: #171c1a;
}SCSS
$light-quaver: #cdded7;
$light-quaver-rgb: 205, 222, 215;
$light-quaver-light: mix(#fff, $light-quaver, 20%);
$light-quaver-dark: mix(#000, $light-quaver, 20%);
.element {
color: $light-quaver;
box-shadow: 0 0 0 2px rgba($light-quaver, 0.35);
}