이름 색상 · #CBD1BA
Chinese Jade
Chinese Jade은(는) #CBD1BA: rgb(203 209 186), hsl(76 20% 77%), oklch(0.85 0.032 119). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Chinese Jade color name →
#CBD1BA
oklch(0.85 0.032 119)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D0D6C1
- D5DAC8
- DADFCE
- E0E3D5
- E5E8DC
- EAECE3
- EFF1EA
- F4F6F1
- FAFAF8
셰이드
- B0B5A1
- 969B89
- 7D8172
- 65685C
- 4D5046
- 373932
- 22231E
- 0F100D
- 020202
톤
- C3C9B4
- BBC0AE
- B4B8A8
- ACB0A2
- A5A89D
- 9DA097
- 969891
- 8E908B
- 878886
색 조화
보색 +180°
- CBD1BA
Chinese Jade
- D0CAE0
≈ Light Mulberry
유사색 -30° +30°
- CBD1BA
Chinese Jade
- D6CDB7
≈ Desert Khaki
- C0D4C3
≈ Garden Statue
삼각 배색 +120° +240°
- CBD1BA
Chinese Jade
- BCD1E1
≈ Chapel Choir
- E0C6CD
≈ Kellie Belle
분열 보색 +150° +210°
- CBD1BA
Chinese Jade
- C5CDE3
≈ Lilac Bisque
- DAC7D8
≈ Euphoric Lilac
사각 배색 +90° +180° +270°
- CBD1BA
Chinese Jade
- B7D4D9
≈ Rhythmic Blue
- D0CAE0
≈ Light Mulberry
- E2C6C2
≈ Pocketful of Promise
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.36:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
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);
}