이름 색상 · #EEDCD1
Palatial
Palatial은(는) #EEDCD1: rgb(238 220 209), hsl(23 46% 88%), oklch(0.906 0.025 53.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Palatial color name →
#EEDCD1
oklch(0.906 0.025 53.7)
색상 변환
- HEX
- #eedcd1
- RGB
- rgb(238 220 209)
- HSL
- hsl(23 46% 88%)
- HWB
- hwb(23 82% 7%)
- OKLCH
- oklch(0.906 0.025 53.7)
- OKLab
- oklab(0.906 0.015 0.02)
- CIE Lab
- lab(89.01 5.06 7.77)
- LCH
- lch(89.01 9.27 56.9)
- CMYK
- cmyk(0% 8% 12% 7%)
틴트 · 셰이드 · 톤
틴트
- F0DFD6
- F1E3DA
- F3E6DF
- F5EAE3
- F7EDE8
- F8F1EC
- FAF4F1
- FCF8F6
- FDFBFA
셰이드
- CFBFB5
- B1A39B
- 938881
- 776E68
- 5C5450
- 423C39
- 2A2623
- 141110
- 030202
톤
- E2D2C9
- D7C9C0
- CCBFB8
- C1B6B0
- B6ADA8
- ABA4A0
- A09B98
- 959290
- 8A8988
색 조화
보색 +180°
- EEDCD1
Palatial
- D1E3EE
≈ Soft Cloud
유사색 -30° +30°
- EEDCD1
Palatial
- F0DAD8
≈ Light Apricot
- E8DFCE
≈ Spellbound
삼각 배색 +120° +240°
- EEDCD1
Palatial
- D0E6DE
≈ Ice Dagger
- E0DDEF
≈ Artemis Silver
분열 보색 +150° +210°
- EEDCD1
Palatial
- CEE5E7
≈ Ventilated
- D8E0F1
≈ Aquarelle Purple
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.32:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.79:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.79:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--palatial: #eedcd1;
--palatial-rgb: 238 220 209;
--palatial-oklch: oklch(0.906 0.025 53.7);
}
.element {
color: var(--palatial);
background-color: hsl(23 46% 88%);
border-color: oklch(0.906 0.025 53.7);
}Tailwind CSS v4
@theme {
--color-palatial: #eedcd1;
--color-palatial-50: #fbf3ee;
--color-palatial-100: #efe6e0;
--color-palatial-200: #ddd2ca;
--color-palatial-300: #c2b4ac;
--color-palatial-400: #ab9b91;
--color-palatial-500: #948277;
--color-palatial-600: #7d6e65;
--color-palatial-700: #645851;
--color-palatial-800: #4a403b;
--color-palatial-900: #332c28;
--color-palatial-950: #1f1916;
}SCSS
$palatial: #eedcd1;
$palatial-rgb: 238, 220, 209;
$palatial-light: mix(#fff, $palatial, 20%);
$palatial-dark: mix(#000, $palatial, 20%);
.element {
color: $palatial;
box-shadow: 0 0 0 2px rgba($palatial, 0.35);
}