이름 색상 · #E1DEE5
Frozen Statues
Frozen Statues은(는) #E1DEE5: rgb(225 222 229), hsl(266 12% 88%), oklch(0.905 0.01 305.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Frozen Statues color name →
#E1DEE5
oklch(0.905 0.01 305.4)
색상 변환
- HEX
- #e1dee5
- RGB
- rgb(225 222 229)
- HSL
- hsl(266 12% 88%)
- HWB
- hwb(266 87% 10%)
- OKLCH
- oklch(0.905 0.01 305.4)
- OKLab
- oklab(0.905 0.006 -0.008)
- CIE Lab
- lab(88.86 1.99 -3.06)
- LCH
- lch(88.86 3.65 303.1)
- CMYK
- cmyk(2% 3% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- E4E1E8
- E7E5EA
- EAE8ED
- EDEBEF
- F0EEF2
- F3F2F5
- F6F5F7
- F9F8FA
- FCFCFC
셰이드
- C4C1C7
- A7A5AA
- 8B898E
- 706F72
- 565558
- 3E3D3F
- 272628
- 121212
- 020203
톤
- D7D4DA
- CDCAD0
- C3C1C6
- B9B7BB
- AFAEB1
- A6A4A7
- 9C9B9D
- 939293
- 89898A
색 조화
보색 +180°
- E1DEE5
Frozen Statues
- DEE1DA
≈ Winds Breath
유사색 -30° +30°
- E1DEE5
Frozen Statues
- DDDFE6
≈ Terminator Chrome
- E4DDE2
≈ Rusty Pebble
삼각 배색 +120° +240°
- E1DEE5
Frozen Statues
- E4DED9
≈ Pale Starlet
- D9E2E0
≈ Topsail
분열 보색 +150° +210°
- E1DEE5
Frozen Statues
- E1E0D8
≈ Blush Sand
- DBE2DD
≈ Mantra
사각 배색 +90° +180° +270°
- E1DEE5
Frozen Statues
- E6DDDB
≈ Coquette
- DEE1DA
≈ Winds Breath
- D9E1E4
≈ Tahoe Snow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.78:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--frozen-statues: #e1dee5;
--frozen-statues-rgb: 225 222 229;
--frozen-statues-oklch: oklch(0.905 0.01 305.4);
}
.element {
color: var(--frozen-statues);
background-color: hsl(266 12% 88%);
border-color: oklch(0.905 0.01 305.4);
}Tailwind CSS v4
@theme {
--color-frozen-statues: #e1dee5;
--color-frozen-statues-50: #f6f4f7;
--color-frozen-statues-100: #e9e7ea;
--color-frozen-statues-200: #d5d3d8;
--color-frozen-statues-300: #b9b6bb;
--color-frozen-statues-400: #a09da3;
--color-frozen-statues-500: #88858c;
--color-frozen-statues-600: #737076;
--color-frozen-statues-700: #5c5a5e;
--color-frozen-statues-800: #434245;
--color-frozen-statues-900: #2e2d30;
--color-frozen-statues-950: #1b1a1c;
}SCSS
$frozen-statues: #e1dee5;
$frozen-statues-rgb: 225, 222, 229;
$frozen-statues-light: mix(#fff, $frozen-statues, 20%);
$frozen-statues-dark: mix(#000, $frozen-statues, 20%);
.element {
color: $frozen-statues;
box-shadow: 0 0 0 2px rgba($frozen-statues, 0.35);
}