이름 색상 · #E0E8EC
Sweet Illusion
Sweet Illusion은(는) #E0E8EC: rgb(224 232 236), hsl(200 24% 90%), oklch(0.926 0.01 228.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sweet Illusion color name →
#E0E8EC
oklch(0.926 0.01 228.9)
색상 변환
- HEX
- #e0e8ec
- RGB
- rgb(224 232 236)
- HSL
- hsl(200 24% 90%)
- HWB
- hwb(200 88% 7%)
- OKLCH
- oklch(0.926 0.01 228.9)
- OKLab
- oklab(0.926 -0.007 -0.008)
- CIE Lab
- lab(91.47 -2.21 -2.93)
- LCH
- lch(91.47 3.67 232.9)
- CMYK
- cmyk(5% 2% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- E3EAEE
- E6EDF0
- E9EFF2
- ECF1F4
- EFF3F5
- F3F6F7
- F6F8F9
- F9FAFB
- FCFDFD
셰이드
- C3CACD
- A6ACAF
- 8A9092
- 707476
- 56595B
- 3E4042
- 272929
- 121313
- 020303
톤
- D6DDE1
- CCD2D5
- C2C8CA
- B8BDBF
- AFB3B4
- A5A8AA
- 9C9E9F
- 929495
- 898A8A
색 조화
보색 +180°
- E0E8EC
Sweet Illusion
- EDE5E1
≈ Aimee
유사색 -30° +30°
- E0E8EC
Sweet Illusion
- DFE9E9
≈ Teton Breeze
- E2E7EE
≈ Genteel Lavender
삼각 배색 +120° +240°
- E0E8EC
Sweet Illusion
- ECE4E8
≈ Lavender Pearl
- E7E7E0
≈ Silver Dust
분열 보색 +150° +210°
- E0E8EC
Sweet Illusion
- EDE4E4
≈ Whimsical White
- EAE6DF
≈ Pearly Gates
사각 배색 +90° +180° +270°
- E0E8EC
Sweet Illusion
- EAE4EB
≈ Easter Bunny
- EDE5E1
≈ Aimee
- E3E8E2
≈ Poetic Licence
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.24:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.92:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.92:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-illusion: #e0e8ec;
--sweet-illusion-rgb: 224 232 236;
--sweet-illusion-oklch: oklch(0.926 0.01 228.9);
}
.element {
color: var(--sweet-illusion);
background-color: hsl(200 24% 90%);
border-color: oklch(0.926 0.01 228.9);
}Tailwind CSS v4
@theme {
--color-sweet-illusion: #e0e8ec;
--color-sweet-illusion-50: #f2f6f7;
--color-sweet-illusion-100: #e5e8eb;
--color-sweet-illusion-200: #d0d5d8;
--color-sweet-illusion-300: #b2b8bc;
--color-sweet-illusion-400: #99a0a3;
--color-sweet-illusion-500: #80888c;
--color-sweet-illusion-600: #6c7376;
--color-sweet-illusion-700: #565c5e;
--color-sweet-illusion-800: #3f4345;
--color-sweet-illusion-900: #2b2e30;
--color-sweet-illusion-950: #191b1c;
}SCSS
$sweet-illusion: #e0e8ec;
$sweet-illusion-rgb: 224, 232, 236;
$sweet-illusion-light: mix(#fff, $sweet-illusion, 20%);
$sweet-illusion-dark: mix(#000, $sweet-illusion, 20%);
.element {
color: $sweet-illusion;
box-shadow: 0 0 0 2px rgba($sweet-illusion, 0.35);
}