Benannte Farbe · #CBCBBB
Livingstone
Livingstone ist #CBCBBB: rgb(203 203 187), hsl(60 13% 76%), oklch(0.838 0.022 106.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Livingstone color name →
#CBCBBB
oklch(0.838 0.022 106.9)
Farbumrechnungen
- HEX
- #cbcbbb
- RGB
- rgb(203 203 187)
- HSL
- hsl(60 13% 76%)
- HWB
- hwb(60 73% 20%)
- OKLCH
- oklch(0.838 0.022 106.9)
- OKLab
- oklab(0.838 -0.006 0.021)
- CIE Lab
- lab(81.35 -2.09 8.02)
- LCH
- lch(81.35 8.28 104.6)
- CMYK
- cmyk(0% 0% 8% 20%)
Tints · Shades · Tones
Tints
- D0D0C2
- D5D5C8
- DADACF
- E0E0D6
- E5E5DD
- EAEAE3
- EFEFEA
- F4F4F1
- FAFAF8
Shades
- B0B0A2
- 96968A
- 7D7D73
- 65655C
- 4D4D46
- 373732
- 22221F
- 0F0F0D
- 020202
Tones
- C3C3B5
- BBBCAF
- B4B4A9
- ACACA3
- A5A59D
- 9D9D97
- 969691
- 8E8E8C
- 878786
Farbharmonien
Komplementär +180°
- CBCBBB
Livingstone
- C8C8D8
≈ Daybreak Beckons
Analog -30° +30°
- CBCBBB
Livingstone
- D2C8BA
≈ Warm Putty
- C3CDC0
≈ Green Lily
Triadisch +120° +240°
- CBCBBB
Livingstone
- BCCDD5
≈ Shhh…
- D5C4CC
≈ Victorian Cottage
Geteilt komplementär +150° +210°
- CBCBBB
Livingstone
- C1CBD8
≈ Icy Brook
- D0C6D3
≈ Enchant
Tetradisch +90° +180° +270°
- CBCBBB
Livingstone
- BACECE
≈ Babbling Brook
- C8C8D8
≈ Daybreak Beckons
- D8C4C5
≈ Just Gorgeous
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.79:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.79:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--livingstone: #cbcbbb;
--livingstone-rgb: 203 203 187;
--livingstone-oklch: oklch(0.838 0.022 106.9);
}
.element {
color: var(--livingstone);
background-color: hsl(60 13% 76%);
border-color: oklch(0.838 0.022 106.9);
}Tailwind CSS v4
@theme {
--color-livingstone: #cbcbbb;
--color-livingstone-50: #f5f6ef;
--color-livingstone-100: #e8e9e0;
--color-livingstone-200: #d5d5cb;
--color-livingstone-300: #b8b8ac;
--color-livingstone-400: #a0a091;
--color-livingstone-500: #878777;
--color-livingstone-600: #737365;
--color-livingstone-700: #5c5c50;
--color-livingstone-800: #43433a;
--color-livingstone-900: #2e2e28;
--color-livingstone-950: #1b1b16;
}SCSS
$livingstone: #cbcbbb;
$livingstone-rgb: 203, 203, 187;
$livingstone-light: mix(#fff, $livingstone, 20%);
$livingstone-dark: mix(#000, $livingstone, 20%);
.element {
color: $livingstone;
box-shadow: 0 0 0 2px rgba($livingstone, 0.35);
}