이름 색상 · #E6E9F9
Icy Lilac
Icy Lilac은(는) #E6E9F9: rgb(230 233 249), hsl(231 61% 94%), oklch(0.936 0.022 277.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Icy Lilac color name →
#E6E9F9
oklch(0.936 0.022 277.5)
색상 변환
- HEX
- #e6e9f9
- RGB
- rgb(230 233 249)
- HSL
- hsl(231 61% 94%)
- HWB
- hwb(231 90% 2%)
- OKLCH
- oklch(0.936 0.022 277.5)
- OKLab
- oklab(0.936 0.003 -0.022)
- CIE Lab
- lab(92.47 1.18 -8.14)
- LCH
- lch(92.47 8.22 278.3)
- CMYK
- cmyk(8% 6% 0% 2%)
틴트 · 셰이드 · 톤
틴트
- E8EBFA
- EBEDFA
- EDF0FB
- F0F2FB
- F2F4FC
- F5F6FD
- F7F8FD
- FAFBFE
- FCFDFE
셰이드
- C8CBD9
- ABADB9
- 8E909A
- 73747D
- 595A61
- 404146
- 28292C
- 131315
- 030303
톤
- DBDEEC
- D1D3E0
- C6C8D3
- BCBEC7
- B2B3BB
- A7A9AF
- 9D9EA3
- 939497
- 8A8A8B
색 조화
보색 +180°
- E6E9F9
Icy Lilac
- EEEADA
≈ Nesting Dove
유사색 -30° +30°
- E6E9F9
Icy Lilac
- DFECF8
≈ Husky
- EEE6F6
≈ Holographic Lavender
삼각 배색 +120° +240°
- E6E9F9
Icy Lilac
- F8E5E0
≈ Spring Petal
- DFEFE4
≈ Lower Green
분열 보색 +150° +210°
- E6E9F9
Icy Lilac
- F4E8DB
≈ Alabaster
- E6EDDE
≈ Chrome Green
사각 배색 +90° +180° +270°
- E6E9F9
Icy Lilac
- F8E4E7
≈ Pink Tutu
- EEEADA
≈ Nesting Dove
- DBEFEC
≈ Free Spirit
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.38:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--icy-lilac: #e6e9f9;
--icy-lilac-rgb: 230 233 249;
--icy-lilac-oklch: oklch(0.936 0.022 277.5);
}
.element {
color: var(--icy-lilac);
background-color: hsl(231 61% 94%);
border-color: oklch(0.936 0.022 277.5);
}Tailwind CSS v4
@theme {
--color-icy-lilac: #e6e9f9;
--color-icy-lilac-50: #f4f5fb;
--color-icy-lilac-100: #e6e7ef;
--color-icy-lilac-200: #d2d3de;
--color-icy-lilac-300: #b5b6c3;
--color-icy-lilac-400: #9b9dac;
--color-icy-lilac-500: #828595;
--color-icy-lilac-600: #6e717e;
--color-icy-lilac-700: #585a65;
--color-icy-lilac-800: #40424a;
--color-icy-lilac-900: #2c2d33;
--color-icy-lilac-950: #191a1f;
}SCSS
$icy-lilac: #e6e9f9;
$icy-lilac-rgb: 230, 233, 249;
$icy-lilac-light: mix(#fff, $icy-lilac, 20%);
$icy-lilac-dark: mix(#000, $icy-lilac, 20%);
.element {
color: $icy-lilac;
box-shadow: 0 0 0 2px rgba($icy-lilac, 0.35);
}