Benannte Farbe · #CDD6C2
Ligado
Ligado ist #CDD6C2: rgb(205 214 194), hsl(87 20% 80%), oklch(0.864 0.029 126.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ligado color name →
#CDD6C2
oklch(0.864 0.029 126.9)
Farbumrechnungen
- HEX
- #cdd6c2
- RGB
- rgb(205 214 194)
- HSL
- hsl(87 20% 80%)
- HWB
- hwb(87 76% 16%)
- OKLCH
- oklch(0.864 0.029 126.9)
- OKLab
- oklab(0.864 -0.017 0.023)
- CIE Lab
- lab(84.51 -5.83 8.81)
- LCH
- lch(84.51 10.56 123.5)
- CMYK
- cmyk(4% 0% 9% 16%)
Tints · Shades · Tones
Tints
- D2DAC8
- D7DECE
- DCE2D4
- E1E6DA
- E6EAE0
- EBEEE6
- F0F3EC
- F5F7F3
- FAFBF9
Shades
- B2BAA8
- 989E8F
- 7E8477
- 666A60
- 4E5249
- 383B34
- 232520
- 0F100E
- 020202
Tones
- C5CDBB
- BDC4B4
- B5BBAE
- ADB3A7
- A6AAA0
- 9EA19A
- 969993
- 8F918D
- 878886
Farbharmonien
Komplementär +180°
- CDD6C2
Ligado
- D7CEE1
≈ Potentially Purple
Analog -30° +30°
- CDD6C2
Ligado
- D7D3BE
≈ Pale Lichen
- C4D8CB
≈ Snow Goose
Triadisch +120° +240°
- CDD6C2
Ligado
- C4D4E5
≈ Surf’s Surprise
- E4CBCF
≈ Cool Pink
Geteilt komplementär +150° +210°
- CDD6C2
Ligado
- CDD1E6
≈ English Channel Fog
- DFCBD9
≈ Lilac Lane
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.50:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 13.99:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 13.99:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--ligado: #cdd6c2;
--ligado-rgb: 205 214 194;
--ligado-oklch: oklch(0.864 0.029 126.9);
}
.element {
color: var(--ligado);
background-color: hsl(87 20% 80%);
border-color: oklch(0.864 0.029 126.9);
}Tailwind CSS v4
@theme {
--color-ligado: #cdd6c2;
--color-ligado-50: #f2f7ee;
--color-ligado-100: #e5eae0;
--color-ligado-200: #d0d7ca;
--color-ligado-300: #b3baab;
--color-ligado-400: #9aa290;
--color-ligado-500: #818a76;
--color-ligado-600: #6d7564;
--color-ligado-700: #575d50;
--color-ligado-800: #404439;
--color-ligado-900: #2c2f27;
--color-ligado-950: #191c15;
}SCSS
$ligado: #cdd6c2;
$ligado-rgb: 205, 214, 194;
$ligado-light: mix(#fff, $ligado, 20%);
$ligado-dark: mix(#000, $ligado, 20%);
.element {
color: $ligado;
box-shadow: 0 0 0 2px rgba($ligado, 0.35);
}