Adlandırılmış renk · #EAF2ED
Glacial Tint
Glacial Tint, #EAF2ED: rgb(234 242 237), hsl(143 24% 93%), oklch(0.954 0.011 158.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Glacial Tint color name →
#EAF2ED
oklch(0.954 0.011 158.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECF3EF
- EEF5F1
- F0F6F2
- F2F7F4
- F4F8F6
- F7FAF8
- F9FBFA
- FBFCFB
- FDFEFD
Koyu tonlar
- CBD2CE
- AEB4B0
- 919693
- 757977
- 5A5E5C
- 414342
- 292B2A
- 131414
- 030303
Gri tonlar
- DFE6E2
- D4DAD6
- C9CECB
- BEC3C0
- B4B7B5
- A9ACAA
- 9FA19F
- 949695
- 8A8B8A
Renk uyumları
Tamamlayıcı +180°
- EAF2ED
Glacial Tint
- F5EDF2
≈ Sentimental Pink
Analog -30° +30°
- EAF2ED
Glacial Tint
- EDF1EA
≈ Spring Fog
- E8F2F1
≈ Warp Drive
Üçlü +120° +240°
- EAF2ED
Glacial Tint
- EEEFF7
≈ Springtime Rain
- F7EDEA
≈ Salt Pebble
Bölünmüş tamamlayıcı +150° +210°
- EAF2ED
Glacial Tint
- F2EEF5
≈ Sentimental Pink
- F7EDEE
≈ Line Dried Sheets
Dörtlü +90° +180° +270°
- EAF2ED
Glacial Tint
- EAF0F7
≈ Clear Vision
- F5EDF2
≈ Sentimental Pink
- F5EFE8
≈ Bright Winter Cloud
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.13:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.42:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.42:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
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);
}