이름 색상 · #EAF2ED
Glacial Tint
Glacial Tint은(는) #EAF2ED: rgb(234 242 237), hsl(143 24% 93%), oklch(0.954 0.011 158.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Glacial Tint color name →
#EAF2ED
oklch(0.954 0.011 158.8)
색상 변환
- HEX
- #eaf2ed
- RGB
- rgb(234 242 237)
- HSL
- hsl(143 24% 93%)
- HWB
- hwb(143 92% 5%)
- OKLCH
- oklch(0.954 0.011 158.8)
- OKLab
- oklab(0.954 -0.01 0.004)
- CIE Lab
- lab(94.78 -3.42 1.45)
- LCH
- lch(94.78 3.71 157.1)
- CMYK
- cmyk(3% 0% 2% 5%)
틴트 · 셰이드 · 톤
틴트
- ECF3EF
- EEF5F1
- F0F6F2
- F2F7F4
- F4F8F6
- F7FAF8
- F9FBFA
- FBFCFB
- FDFEFD
셰이드
- CBD2CE
- AEB4B0
- 919693
- 757977
- 5A5E5C
- 414342
- 292B2A
- 131414
- 030303
톤
- DFE6E2
- D4DAD6
- C9CECB
- BEC3C0
- B4B7B5
- A9ACAA
- 9FA19F
- 949695
- 8A8B8A
색 조화
보색 +180°
- EAF2ED
Glacial Tint
- F5EDF2
≈ Sentimental Pink
유사색 -30° +30°
- EAF2ED
Glacial Tint
- EDF1EA
≈ Spring Fog
- E8F2F1
≈ Warp Drive
삼각 배색 +120° +240°
- EAF2ED
Glacial Tint
- EEEFF7
≈ Springtime Rain
- F7EDEA
≈ Salt Pebble
분열 보색 +150° +210°
- EAF2ED
Glacial Tint
- F2EEF5
≈ Sentimental Pink
- F7EDEE
≈ Line Dried Sheets
사각 배색 +90° +180° +270°
- EAF2ED
Glacial Tint
- EAF0F7
≈ Clear Vision
- F5EDF2
≈ Sentimental Pink
- F5EFE8
≈ Bright Winter Cloud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.13:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.42:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.42:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--glacial-tint: #eaf2ed;
--glacial-tint-rgb: 234 242 237;
--glacial-tint-oklch: oklch(0.954 0.011 158.8);
}
.element {
color: var(--glacial-tint);
background-color: hsl(143 24% 93%);
border-color: oklch(0.954 0.011 158.8);
}Tailwind CSS v4
@theme {
--color-glacial-tint: #eaf2ed;
--color-glacial-tint-50: #f3f6f4;
--color-glacial-tint-100: #e5e9e7;
--color-glacial-tint-200: #d0d6d3;
--color-glacial-tint-300: #b3b9b5;
--color-glacial-tint-400: #99a09c;
--color-glacial-tint-500: #808883;
--color-glacial-tint-600: #6d736f;
--color-glacial-tint-700: #575c59;
--color-glacial-tint-800: #3f4341;
--color-glacial-tint-900: #2c2f2d;
--color-glacial-tint-950: #191b1a;
}SCSS
$glacial-tint: #eaf2ed;
$glacial-tint-rgb: 234, 242, 237;
$glacial-tint-light: mix(#fff, $glacial-tint, 20%);
$glacial-tint-dark: mix(#000, $glacial-tint, 20%);
.element {
color: $glacial-tint;
box-shadow: 0 0 0 2px rgba($glacial-tint, 0.35);
}