이름 색상 · #C7DEED
Empress Lila
Empress Lila은(는) #C7DEED: rgb(199 222 237), hsl(204 51% 85%), oklch(0.888 0.032 236.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Empress Lila color name →
#C7DEED
oklch(0.888 0.032 236.4)
색상 변환
- HEX
- #c7deed
- RGB
- rgb(199 222 237)
- HSL
- hsl(204 51% 85%)
- HWB
- hwb(204 78% 7%)
- OKLCH
- oklch(0.888 0.032 236.4)
- OKLab
- oklab(0.888 -0.018 -0.027)
- CIE Lab
- lab(87.1 -5.64 -10.09)
- LCH
- lch(87.1 11.56 240.8)
- CMYK
- cmyk(16% 6% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- CDE1EF
- D2E5F1
- D8E8F2
- DDEBF4
- E3EEF6
- E9F2F8
- EEF5FA
- F4F8FB
- F9FCFD
셰이드
- ADC1CE
- 93A5B0
- 7A8993
- 626F77
- 4C555C
- 363D42
- 21262A
- 0E1214
- 020203
톤
- C0D4E2
- B8CAD6
- B1C1CB
- AAB7C0
- A3AEB5
- 9CA5AA
- 959B9F
- 8E9295
- 87898A
색 조화
보색 +180°
- C7DEED
Empress Lila
- ECD5C6
≈ Cornmeal Beige
유사색 -30° +30°
- C7DEED
Empress Lila
- C3E1E5
≈ Ambient Light
- D0DAF0
≈ Hawkes Blue
삼각 배색 +120° +240°
- C7DEED
Empress Lila
- EDD2DB
≈ Distant Flare
- D8DDC6
≈ Silver Laurel
분열 보색 +150° +210°
- C7DEED
Empress Lila
- EFD3CF
≈ Kobold Pink
- E3D9C3
≈ Mission White
사각 배색 +90° +180° +270°
- C7DEED
Empress Lila
- E6D3E6
≈ Sonora Rose
- ECD5C6
≈ Cornmeal Beige
- CDE0CE
≈ Enchanted
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.39:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.09:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.09:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--empress-lila: #c7deed;
--empress-lila-rgb: 199 222 237;
--empress-lila-oklch: oklch(0.888 0.032 236.4);
}
.element {
color: var(--empress-lila);
background-color: hsl(204 51% 85%);
border-color: oklch(0.888 0.032 236.4);
}Tailwind CSS v4
@theme {
--color-empress-lila: #c7deed;
--color-empress-lila-50: #edf7fd;
--color-empress-lila-100: #dfeaf2;
--color-empress-lila-200: #c8d7e1;
--color-empress-lila-300: #a9bac6;
--color-empress-lila-400: #8da2af;
--color-empress-lila-500: #728a99;
--color-empress-lila-600: #617581;
--color-empress-lila-700: #4d5d68;
--color-empress-lila-800: #38444c;
--color-empress-lila-900: #262f35;
--color-empress-lila-950: #141c20;
}SCSS
$empress-lila: #c7deed;
$empress-lila-rgb: 199, 222, 237;
$empress-lila-light: mix(#fff, $empress-lila, 20%);
$empress-lila-dark: mix(#000, $empress-lila, 20%);
.element {
color: $empress-lila;
box-shadow: 0 0 0 2px rgba($empress-lila, 0.35);
}