이름 색상 · #E0DEB2
Modern Zen
Modern Zen은(는) #E0DEB2: rgb(224 222 178), hsl(57 43% 79%), oklch(0.891 0.058 105.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Modern Zen color name →
#E0DEB2
oklch(0.891 0.058 105.4)
색상 변환
- HEX
- #e0deb2
- RGB
- rgb(224 222 178)
- HSL
- hsl(57 43% 79%)
- HWB
- hwb(57 70% 12%)
- OKLCH
- oklch(0.891 0.058 105.4)
- OKLab
- oklab(0.891 -0.015 0.056)
- CIE Lab
- lab(87.8 -4.54 21.95)
- LCH
- lch(87.8 22.42 101.7)
- CMYK
- cmyk(0% 1% 21% 12%)
틴트 · 셰이드 · 톤
틴트
- E3E1BA
- E6E5C2
- E9E8C9
- ECEBD1
- EFEFD9
- F2F2E0
- F6F5E8
- F9F8F0
- FCFCF7
셰이드
- C3C19A
- A6A583
- 8A896D
- 706F57
- 565543
- 3E3D2F
- 27261D
- 12120C
- 020201
톤
- D6D4AD
- CCCBA8
- C2C1A3
- B8B79E
- AFAE99
- A5A594
- 9C9B8F
- 92928A
- 898985
색 조화
보색 +180°
- E0DEB2
Modern Zen
- D7D7FF
≈ Icy Plains
유사색 -30° +30°
- E0DEB2
Modern Zen
- F2D6B1
≈ Inviting Ivory
- CBE4BE
≈ Iced Avocado
삼각 배색 +120° +240°
- E0DEB2
Modern Zen
- B3E4F8
≈ Breaking the Ice
- F9CCE4
≈ Classic Rose
분열 보색 +150° +210°
- E0DEB2
Modern Zen
- C4DDFF
≈ Arc Light
- EAD0F6
≈ Mousse aux Pruneaux
사각 배색 +90° +180° +270°
- E0DEB2
Modern Zen
- AFE8E7
≈ Spearmint Water
- D7D7FF
≈ Icy Plains
- FFCCCF
≈ Lusty-Gallant
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.26:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--modern-zen: #e0deb2;
--modern-zen-rgb: 224 222 178;
--modern-zen-oklch: oklch(0.891 0.058 105.4);
}
.element {
color: var(--modern-zen);
background-color: hsl(57 43% 79%);
border-color: oklch(0.891 0.058 105.4);
}Tailwind CSS v4
@theme {
--color-modern-zen: #e0deb2;
--color-modern-zen-50: #f6f7e4;
--color-modern-zen-100: #e9ead4;
--color-modern-zen-200: #d6d6ba;
--color-modern-zen-300: #baba98;
--color-modern-zen-400: #a3a179;
--color-modern-zen-500: #8b895b;
--color-modern-zen-600: #76744e;
--color-modern-zen-700: #5e5d3e;
--color-modern-zen-800: #46432c;
--color-modern-zen-900: #302f1d;
--color-modern-zen-950: #1d1b0d;
}SCSS
$modern-zen: #e0deb2;
$modern-zen-rgb: 224, 222, 178;
$modern-zen-light: mix(#fff, $modern-zen, 20%);
$modern-zen-dark: mix(#000, $modern-zen, 20%);
.element {
color: $modern-zen;
box-shadow: 0 0 0 2px rgba($modern-zen, 0.35);
}