Benannte Farbe · #CECEBD
Liveable Green
Liveable Green ist #CECEBD: rgb(206 206 189), hsl(60 15% 77%), oklch(0.847 0.023 106.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Liveable Green color name →
#CECEBD
oklch(0.847 0.023 106.9)
Farbumrechnungen
- HEX
- #cecebd
- RGB
- rgb(206 206 189)
- HSL
- hsl(60 15% 77%)
- HWB
- hwb(60 74% 19%)
- OKLCH
- oklch(0.847 0.023 106.9)
- OKLab
- oklab(0.847 -0.007 0.022)
- CIE Lab
- lab(82.41 -2.21 8.49)
- LCH
- lch(82.41 8.78 104.6)
- CMYK
- cmyk(0% 0% 8% 19%)
Tints · Shades · Tones
Tints
- D3D3C3
- D8D8CA
- DCDDD0
- E1E1D7
- E6E6DE
- EBEBE4
- F0F0EB
- F5F5F2
- FAFAF8
Shades
- B3B3A4
- 98988C
- 7F7F74
- 66665D
- 4E4E47
- 383833
- 23231F
- 0F0F0D
- 020202
Tones
- C6C6B7
- BEBEB1
- B6B6AA
- AEAEA4
- A6A69E
- 9E9E98
- 979792
- 8F8F8C
- 878786
Farbharmonien
Komplementär +180°
- CECEBD
Liveable Green
- CBCBDC
≈ Lunar Dust
Analog -30° +30°
- CECEBD
Liveable Green
- D5CBBC
≈ Gentle Shadows
- C6D0C2
≈ Frosted Sage
Triadisch +120° +240°
- CECEBD
Liveable Green
- BED0D9
≈ Snowbell
- D9C7D0
≈ Rosy Lavender
Geteilt komplementär +150° +210°
- CECEBD
Liveable Green
- C3CEDC
≈ Monet
- D3C8D7
≈ Shy Violet
Tetradisch +90° +180° +270°
- CECEBD
Liveable Green
- BCD2D2
≈ Windy
- CBCBDC
≈ Lunar Dust
- DBC7C7
≈ Fairview Taupe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.18:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--liveable-green: #cecebd;
--liveable-green-rgb: 206 206 189;
--liveable-green-oklch: oklch(0.847 0.023 106.9);
}
.element {
color: var(--liveable-green);
background-color: hsl(60 15% 77%);
border-color: oklch(0.847 0.023 106.9);
}Tailwind CSS v4
@theme {
--color-liveable-green: #cecebd;
--color-liveable-green-50: #f5f6ee;
--color-liveable-green-100: #e8e9e0;
--color-liveable-green-200: #d5d5ca;
--color-liveable-green-300: #b8b9ab;
--color-liveable-green-400: #a0a090;
--color-liveable-green-500: #888776;
--color-liveable-green-600: #737364;
--color-liveable-green-700: #5c5c50;
--color-liveable-green-800: #43433a;
--color-liveable-green-900: #2f2e28;
--color-liveable-green-950: #1b1b16;
}SCSS
$liveable-green: #cecebd;
$liveable-green-rgb: 206, 206, 189;
$liveable-green-light: mix(#fff, $liveable-green, 20%);
$liveable-green-dark: mix(#000, $liveable-green, 20%);
.element {
color: $liveable-green;
box-shadow: 0 0 0 2px rgba($liveable-green, 0.35);
}