이름 색상 · #D3E9EC
Enchanted Evening
Enchanted Evening은(는) #D3E9EC: rgb(211 233 236), hsl(187 40% 88%), oklch(0.919 0.024 206.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Enchanted Evening color name →
#D3E9EC
oklch(0.919 0.024 206.6)
색상 변환
- HEX
- #d3e9ec
- RGB
- rgb(211 233 236)
- HSL
- hsl(187 40% 88%)
- HWB
- hwb(187 83% 7%)
- OKLCH
- oklch(0.919 0.024 206.6)
- OKLab
- oklab(0.919 -0.021 -0.011)
- CIE Lab
- lab(90.78 -7.08 -4.07)
- LCH
- lch(90.78 8.17 209.9)
- CMYK
- cmyk(11% 1% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- D7EBEE
- DCEDF0
- E0F0F2
- E5F2F4
- E9F4F5
- EDF6F7
- F2F8F9
- F6FBFB
- FBFDFD
셰이드
- B7CBCD
- 9CADAF
- 829092
- 697476
- 515A5B
- 3A4142
- 242929
- 101313
- 020303
톤
- CADEE1
- C2D3D5
- B9C8CA
- B1BEBF
- A9B3B5
- A0A9AA
- 989E9F
- 909495
- 888A8A
색 조화
보색 +180°
- D3E9EC
Enchanted Evening
- F4DFDC
≈ Pallid Rose
유사색 -30° +30°
- D3E9EC
Enchanted Evening
- D5EAE4
≈ Dillard’s Blue
- D6E7F2
≈ Icicle Veil
삼각 배색 +120° +240°
- D3E9EC
Enchanted Evening
- EDDFED
≈ Angora Pink
- EBE3D3
≈ Abilene Lace
분열 보색 +150° +210°
- D3E9EC
Enchanted Evening
- F2DEE4
≈ Lavender Moon
- F1E1D5
≈ Pink Scallop
사각 배색 +90° +180° +270°
- D3E9EC
Enchanted Evening
- E5E1F3
≈ Romantic Cruise
- F4DFDC
≈ Pallid Rose
- E3E6D5
≈ Diminished Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.63:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.63:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--enchanted-evening: #d3e9ec;
--enchanted-evening-rgb: 211 233 236;
--enchanted-evening-oklch: oklch(0.919 0.024 206.6);
}
.element {
color: var(--enchanted-evening);
background-color: hsl(187 40% 88%);
border-color: oklch(0.919 0.024 206.6);
}Tailwind CSS v4
@theme {
--color-enchanted-evening: #d3e9ec;
--color-enchanted-evening-50: #eef7f9;
--color-enchanted-evening-100: #dfeaec;
--color-enchanted-evening-200: #c9d7da;
--color-enchanted-evening-300: #aabbbe;
--color-enchanted-evening-400: #8fa3a5;
--color-enchanted-evening-500: #758b8e;
--color-enchanted-evening-600: #637678;
--color-enchanted-evening-700: #4f5e60;
--color-enchanted-evening-800: #394546;
--color-enchanted-evening-900: #273031;
--color-enchanted-evening-950: #151c1d;
}SCSS
$enchanted-evening: #d3e9ec;
$enchanted-evening-rgb: 211, 233, 236;
$enchanted-evening-light: mix(#fff, $enchanted-evening, 20%);
$enchanted-evening-dark: mix(#000, $enchanted-evening, 20%);
.element {
color: $enchanted-evening;
box-shadow: 0 0 0 2px rgba($enchanted-evening, 0.35);
}