이름 색상 · #D1DBD2
Light Zen
Light Zen은(는) #D1DBD2: rgb(209 219 210), hsl(126 12% 84%), oklch(0.881 0.016 148.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Zen color name →
#D1DBD2
oklch(0.881 0.016 148.4)
색상 변환
- HEX
- #d1dbd2
- RGB
- rgb(209 219 210)
- HSL
- hsl(126 12% 84%)
- HWB
- hwb(126 82% 14%)
- OKLCH
- oklch(0.881 0.016 148.4)
- OKLab
- oklab(0.881 -0.014 0.009)
- CIE Lab
- lab(86.44 -4.72 3.21)
- LCH
- lch(86.44 5.71 145.8)
- CMYK
- cmyk(5% 0% 4% 14%)
틴트 · 셰이드 · 톤
틴트
- D6DFD6
- DAE2DB
- DFE6DF
- E3E9E4
- E8EDE8
- ECF0ED
- F1F4F1
- F6F8F6
- FAFBFA
셰이드
- B5BEB6
- 9BA29B
- 818781
- 686D68
- 505450
- 393C39
- 232624
- 101110
- 020202
톤
- C9D2C9
- C0C8C1
- B8BFB9
- B0B6B0
- A8ACA8
- A0A3A0
- 989A98
- 909190
- 888988
색 조화
보색 +180°
- D1DBD2
Light Zen
- DED4DD
≈ Timid Violet
유사색 -30° +30°
- D1DBD2
Light Zen
- D6DACE
≈ Light Lamb’s Ears
- CDDCD8
≈ Light White Box
삼각 배색 +120° +240°
- D1DBD2
Light Zen
- D3D8E3
≈ So Blue-Berry
- E2D4D2
≈ Whirlwind
분열 보색 +150° +210°
- D1DBD2
Light Zen
- D9D6E1
≈ Violet Whimsey
- E2D4D8
≈ Hapsburg Court
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.77:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.77:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--light-zen: #d1dbd2;
--light-zen-rgb: 209 219 210;
--light-zen-oklch: oklch(0.881 0.016 148.4);
}
.element {
color: var(--light-zen);
background-color: hsl(126 12% 84%);
border-color: oklch(0.881 0.016 148.4);
}Tailwind CSS v4
@theme {
--color-light-zen: #d1dbd2;
--color-light-zen-50: #f2f6f3;
--color-light-zen-100: #e4e9e5;
--color-light-zen-200: #d0d6d1;
--color-light-zen-300: #b2bab3;
--color-light-zen-400: #98a199;
--color-light-zen-500: #7f8980;
--color-light-zen-600: #6c746d;
--color-light-zen-700: #565d57;
--color-light-zen-800: #3f443f;
--color-light-zen-900: #2b2f2b;
--color-light-zen-950: #191b19;
}SCSS
$light-zen: #d1dbd2;
$light-zen-rgb: 209, 219, 210;
$light-zen-light: mix(#fff, $light-zen, 20%);
$light-zen-dark: mix(#000, $light-zen, 20%);
.element {
color: $light-zen;
box-shadow: 0 0 0 2px rgba($light-zen, 0.35);
}