이름 색상 · #D0D6A8
White Jade
White Jade은(는) #D0D6A8: rgb(208 214 168), hsl(68 36% 75%), oklch(0.86 0.061 113.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · White Jade color name →
#D0D6A8
oklch(0.86 0.061 113.7)
색상 변환
- HEX
- #d0d6a8
- RGB
- rgb(208 214 168)
- HSL
- hsl(68 36% 75%)
- HWB
- hwb(68 66% 16%)
- OKLCH
- oklch(0.86 0.061 113.7)
- OKLab
- oklab(0.86 -0.025 0.056)
- CIE Lab
- lab(84.28 -7.77 22.1)
- LCH
- lch(84.28 23.43 109.4)
- CMYK
- cmyk(3% 0% 21% 16%)
틴트 · 셰이드 · 톤
틴트
- D5DAB1
- D9DEB9
- DEE2C2
- E2E6CB
- E7EBD3
- ECEFDC
- F1F3E5
- F5F7EE
- FAFBF6
셰이드
- B5BA92
- 9A9E7C
- 808467
- 676A52
- 4F523F
- 393B2C
- 23251A
- 10100A
- 020201
톤
- C8CDA4
- BFC4A0
- B7BB9C
- AFB398
- A7AA94
- 9FA290
- 97998C
- 8F9188
- 888884
색 조화
보색 +180°
- D0D6A8
White Jade
- D2CAF6
≈ Soap
유사색 -30° +30°
- D0D6A8
White Jade
- E4CEA3
≈ Coconut Crumble
- BADCB8
≈ Soft Lumen
삼각 배색 +120° +240°
- D0D6A8
White Jade
- AAD8F3
≈ Blue Rice
- F3C1D4
≈ Cherry Blossom
분열 보색 +150° +210°
- D0D6A8
White Jade
- BCD1FA
≈ Ice Cold Stare
- E6C4E8
≈ Prom Corsage
사각 배색 +90° +180° +270°
- D0D6A8
White Jade
- A1DDE3
≈ Ice Pack
- D2CAF6
≈ Soap
- F7C2BE
≈ Sugarcane Dahlia
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.86:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.86:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--white-jade: #d0d6a8;
--white-jade-rgb: 208 214 168;
--white-jade-oklch: oklch(0.86 0.061 113.7);
}
.element {
color: var(--white-jade);
background-color: hsl(68 36% 75%);
border-color: oklch(0.86 0.061 113.7);
}Tailwind CSS v4
@theme {
--color-white-jade: #d0d6a8;
--color-white-jade-50: #f4f8e4;
--color-white-jade-100: #e6ebd4;
--color-white-jade-200: #d2d8ba;
--color-white-jade-300: #b5bc98;
--color-white-jade-400: #9ea379;
--color-white-jade-500: #858b5b;
--color-white-jade-600: #71764e;
--color-white-jade-700: #5a5e3e;
--color-white-jade-800: #43452c;
--color-white-jade-900: #2e2f1d;
--color-white-jade-950: #1b1c0d;
}SCSS
$white-jade: #d0d6a8;
$white-jade-rgb: 208, 214, 168;
$white-jade-light: mix(#fff, $white-jade, 20%);
$white-jade-dark: mix(#000, $white-jade, 20%);
.element {
color: $white-jade;
box-shadow: 0 0 0 2px rgba($white-jade, 0.35);
}