Named color · #CBD1BA
Chinese Jade
Chinese Jade is #CBD1BA: rgb(203 209 186), hsl(76 20% 77%), oklch(0.85 0.032 119). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Chinese Jade color name →
#CBD1BA
oklch(0.85 0.032 119)
Color conversions
- HEX
- #cbd1ba
- RGB
- rgb(203 209 186)
- HSL
- hsl(76 20% 77%)
- HWB
- hwb(76 73% 18%)
- OKLCH
- oklch(0.85 0.032 119)
- OKLab
- oklab(0.85 -0.015 0.028)
- CIE Lab
- lab(82.9 -5.14 10.72)
- LCH
- lch(82.9 11.89 115.6)
- CMYK
- cmyk(3% 0% 11% 18%)
Tints · Shades · Tones
Tints
- D0D6C1
- D5DAC8
- DADFCE
- E0E3D5
- E5E8DC
- EAECE3
- EFF1EA
- F4F6F1
- FAFAF8
Shades
- B0B5A1
- 969B89
- 7D8172
- 65685C
- 4D5046
- 373932
- 22231E
- 0F100D
- 020202
Tones
- C3C9B4
- BBC0AE
- B4B8A8
- ACB0A2
- A5A89D
- 9DA097
- 969891
- 8E908B
- 878886
Color harmonies
Complementary +180°
- CBD1BA
Chinese Jade
- D0CAE0
≈ Light Mulberry
Analogous -30° +30°
- CBD1BA
Chinese Jade
- D6CDB7
≈ Desert Khaki
- C0D4C3
≈ Garden Statue
Triadic +120° +240°
- CBD1BA
Chinese Jade
- BCD1E1
≈ Chapel Choir
- E0C6CD
≈ Kellie Belle
Split-complementary +150° +210°
- CBD1BA
Chinese Jade
- C5CDE3
≈ Lilac Bisque
- DAC7D8
≈ Euphoric Lilac
Tetradic +90° +180° +270°
- CBD1BA
Chinese Jade
- B7D4D9
≈ Rhythmic Blue
- D0CAE0
≈ Light Mulberry
- E2C6C2
≈ Pocketful of Promise
Contrast & accessibility
Ag
FailOn white
WCAG 1.57:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.36:1 · APCA Lc 77
Best text color: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--chinese-jade: #cbd1ba;
--chinese-jade-rgb: 203 209 186;
--chinese-jade-oklch: oklch(0.85 0.032 119);
}
.element {
color: var(--chinese-jade);
background-color: hsl(76 20% 77%);
border-color: oklch(0.85 0.032 119);
}Tailwind CSS v4
@theme {
--color-chinese-jade: #cbd1ba;
--color-chinese-jade-50: #f4f7ed;
--color-chinese-jade-100: #e6eade;
--color-chinese-jade-200: #d2d7c8;
--color-chinese-jade-300: #b5baa8;
--color-chinese-jade-400: #9ca18d;
--color-chinese-jade-500: #848972;
--color-chinese-jade-600: #6f7461;
--color-chinese-jade-700: #595d4d;
--color-chinese-jade-800: #414438;
--color-chinese-jade-900: #2d2f26;
--color-chinese-jade-950: #1a1b14;
}SCSS
$chinese-jade: #cbd1ba;
$chinese-jade-rgb: 203, 209, 186;
$chinese-jade-light: mix(#fff, $chinese-jade, 20%);
$chinese-jade-dark: mix(#000, $chinese-jade, 20%);
.element {
color: $chinese-jade;
box-shadow: 0 0 0 2px rgba($chinese-jade, 0.35);
}