Named color · #C0B6A8
Thistle Grey
Thistle Grey is #C0B6A8: rgb(192 182 168), hsl(35 16% 71%), oklch(0.781 0.023 76.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Thistle Grey color name →
#C0B6A8
oklch(0.781 0.023 76.5)
Color conversions
- HEX
- #c0b6a8
- RGB
- rgb(192 182 168)
- HSL
- hsl(35 16% 71%)
- HWB
- hwb(35 66% 25%)
- OKLCH
- oklch(0.781 0.023 76.5)
- OKLab
- oklab(0.781 0.005 0.022)
- CIE Lab
- lab(74.6 1.89 8.49)
- LCH
- lch(74.6 8.7 77.5)
- CMYK
- cmyk(0% 5% 13% 25%)
Tints · Shades · Tones
Tints
- C6BDB0
- CCC4B9
- D3CBC1
- D9D3CA
- DFDAD3
- E5E1DC
- ECE9E4
- F2F0ED
- F9F8F6
Shades
- A79E92
- 8E867C
- 766F67
- 5F5952
- 49443F
- 34302C
- 201D1A
- 0E0C0A
- 020201
Tones
- B9B0A4
- B3ABA0
- ACA59C
- A6A098
- 9F9B94
- 999590
- 93908C
- 8C8B88
- 868584
Color harmonies
Complementary +180°
- C0B6A8
Thistle Grey
- AFB8C6
≈ Brother Blue
Analogous -30° +30°
- C0B6A8
Thistle Grey
- C5B4AC
≈ Mauvette
- B9B9A9
≈ Gravel Dust
Triadic +120° +240°
- C0B6A8
Thistle Grey
- A8BCBC
≈ Grey Wool
- BDB3C1
≈ Perplexed
Split-complementary +150° +210°
- C0B6A8
Thistle Grey
- A9BBC3
≈ Hazy Skies
- B6B6C6
≈ Soul Sister
Tetradic +90° +180° +270°
- C0B6A8
Thistle Grey
- ABBCB4
≈ Fresh Eucalyptus
- AFB8C6
≈ Brother Blue
- C3B2BA
≈ Blossom Powder
Contrast & accessibility
Ag
FailOn white
WCAG 2.00:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.49:1 · APCA Lc 64
Best text color: #000000
WCAG 10.49:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--thistle-grey: #c0b6a8;
--thistle-grey-rgb: 192 182 168;
--thistle-grey-oklch: oklch(0.781 0.023 76.5);
}
.element {
color: var(--thistle-grey);
background-color: hsl(35 16% 71%);
border-color: oklch(0.781 0.023 76.5);
}Tailwind CSS v4
@theme {
--color-thistle-grey: #c0b6a8;
--color-thistle-grey-50: #f9f4ee;
--color-thistle-grey-100: #ece7e0;
--color-thistle-grey-200: #dad3ca;
--color-thistle-grey-300: #beb6ab;
--color-thistle-grey-400: #a69d90;
--color-thistle-grey-500: #8f8476;
--color-thistle-grey-600: #797064;
--color-thistle-grey-700: #615a50;
--color-thistle-grey-800: #47413a;
--color-thistle-grey-900: #312d28;
--color-thistle-grey-950: #1d1a16;
}SCSS
$thistle-grey: #c0b6a8;
$thistle-grey-rgb: 192, 182, 168;
$thistle-grey-light: mix(#fff, $thistle-grey, 20%);
$thistle-grey-dark: mix(#000, $thistle-grey, 20%);
.element {
color: $thistle-grey;
box-shadow: 0 0 0 2px rgba($thistle-grey, 0.35);
}