Benannte Farbe · #C0B9AC
City Dweller
City Dweller ist #C0B9AC: rgb(192 185 172), hsl(39 14% 71%), oklch(0.788 0.02 83.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · City Dweller color name →
#C0B9AC
oklch(0.788 0.02 83.1)
Farbumrechnungen
- HEX
- #c0b9ac
- RGB
- rgb(192 185 172)
- HSL
- hsl(39 14% 71%)
- HWB
- hwb(39 67% 25%)
- OKLCH
- oklch(0.788 0.02 83.1)
- OKLab
- oklab(0.788 0.002 0.02)
- CIE Lab
- lab(75.46 0.87 7.55)
- LCH
- lch(75.46 7.6 83.4)
- CMYK
- cmyk(0% 4% 10% 25%)
Tints · Shades · Tones
Tints
- C6C0B4
- CCC7BC
- D3CEC4
- D9D5CD
- DFDCD5
- E5E3DD
- ECEAE6
- F2F1EE
- F9F8F6
Shades
- A7A095
- 8E897F
- 767169
- 5F5B54
- 494640
- 34312D
- 201E1B
- 0E0D0B
- 020201
Tones
- B9B3A8
- B3ADA3
- ACA89F
- A6A29A
- 9F9C96
- 999691
- 93918D
- 8C8B89
- 868684
Farbharmonien
Komplementär +180°
- C0B9AC
City Dweller
- B3BAC7
≈ Spirit
Analog -30° +30°
- C0B9AC
City Dweller
- C5B7AE
≈ Froth
- BABBAD
≈ Rocky Cliff
Triadisch +120° +240°
- C0B9AC
City Dweller
- ACBEBF
≈ Rain
- C0B6C1
≈ Lavender Sand
Geteilt komplementär +150° +210°
- C0B9AC
City Dweller
- AEBCC5
≈ Hazy Skies
- BAB8C6
≈ Cosmic
Tetradisch +90° +180° +270°
- C0B9AC
City Dweller
- AEBEB9
≈ Watery
- B3BAC7
≈ Spirit
- C5B5BB
≈ Blossom Powder
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.94:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.77:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--city-dweller: #c0b9ac;
--city-dweller-rgb: 192 185 172;
--city-dweller-oklch: oklch(0.788 0.02 83.1);
}
.element {
color: var(--city-dweller);
background-color: hsl(39 14% 71%);
border-color: oklch(0.788 0.02 83.1);
}Tailwind CSS v4
@theme {
--color-city-dweller: #c0b9ac;
--color-city-dweller-50: #f8f5ef;
--color-city-dweller-100: #ebe7e1;
--color-city-dweller-200: #d8d4cb;
--color-city-dweller-300: #bcb7ac;
--color-city-dweller-400: #a49e92;
--color-city-dweller-500: #8d8578;
--color-city-dweller-600: #777165;
--color-city-dweller-700: #5f5a51;
--color-city-dweller-800: #46423b;
--color-city-dweller-900: #302d28;
--color-city-dweller-950: #1d1a16;
}SCSS
$city-dweller: #c0b9ac;
$city-dweller-rgb: 192, 185, 172;
$city-dweller-light: mix(#fff, $city-dweller, 20%);
$city-dweller-dark: mix(#000, $city-dweller, 20%);
.element {
color: $city-dweller;
box-shadow: 0 0 0 2px rgba($city-dweller, 0.35);
}