Named color · #C0B9AC
City Dweller
City Dweller is #C0B9AC: rgb(192 185 172), hsl(39 14% 71%), oklch(0.788 0.02 83.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · City Dweller color name →
#C0B9AC
oklch(0.788 0.02 83.1)
Color conversions
- 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
Color harmonies
Complementary +180°
- C0B9AC
City Dweller
- B3BAC7
≈ Spirit
Analogous -30° +30°
- C0B9AC
City Dweller
- C5B7AE
≈ Froth
- BABBAD
≈ Rocky Cliff
Triadic +120° +240°
- C0B9AC
City Dweller
- ACBEBF
≈ Rain
- C0B6C1
≈ Lavender Sand
Split-complementary +150° +210°
- C0B9AC
City Dweller
- AEBCC5
≈ Hazy Skies
- BAB8C6
≈ Cosmic
Tetradic +90° +180° +270°
- C0B9AC
City Dweller
- AEBEB9
≈ Watery
- B3BAC7
≈ Spirit
- C5B5BB
≈ Blossom Powder
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.77:1 · APCA Lc 65
Best text color: #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);
}