Nazwany kolor · #D4EAE1
Icy Glacier
Icy Glacier to #D4EAE1: rgb(212 234 225), hsl(155 34% 87%), oklch(0.918 0.026 169.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Icy Glacier color name →
#D4EAE1
oklch(0.918 0.026 169.3)
Konwersje koloru
- HEX
- #d4eae1
- RGB
- rgb(212 234 225)
- HSL
- hsl(155 34% 87%)
- HWB
- hwb(155 83% 8%)
- OKLCH
- oklch(0.918 0.026 169.3)
- OKLab
- oklab(0.918 -0.026 0.005)
- CIE Lab
- lab(90.87 -8.79 1.78)
- LCH
- lch(90.87 8.96 168.6)
- CMYK
- cmyk(9% 0% 4% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8ECE4
- DDEEE7
- E1F0EA
- E5F2ED
- EAF4F0
- EEF7F3
- F2F9F6
- F6FBF9
- FBFDFC
Odcienie ciemniejsze
- B8CBC4
- 9DAEA7
- 83918B
- 697570
- 515A56
- 3A413E
- 242927
- 101312
- 020302
Tony
- CBDFD7
- C3D4CD
- BAC9C3
- B2BEB9
- A9B4AF
- A1A9A6
- 989F9C
- 909493
- 888A89
Harmonie kolorów
Komplementarna +180°
- D4EAE1
Icy Glacier
- F3DDE7
≈ Ranunculus White
Analogowa -30° +30°
- D4EAE1
Icy Glacier
- DBE9D8
≈ Little Sprout
- D1EAEB
≈ Teardrop
Triada +120° +240°
- D4EAE1
Icy Glacier
- E3E2F5
≈ Lavender Mist
- F3DFD5
≈ Kasugai Peach
Komplementarna rozszczepiona +150° +210°
- D4EAE1
Icy Glacier
- ECDFEF
≈ Divine Dove
- F5DEDD
≈ Heavenly Pink
Tetrada +90° +180° +270°
- D4EAE1
Icy Glacier
- DAE5F6
≈ Icicle Veil
- F3DDE7
≈ Ranunculus White
- EEE2D1
≈ Buckwheat Flour
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.65:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.65:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--icy-glacier: #d4eae1;
--icy-glacier-rgb: 212 234 225;
--icy-glacier-oklch: oklch(0.918 0.026 169.3);
}
.element {
color: var(--icy-glacier);
background-color: hsl(155 34% 87%);
border-color: oklch(0.918 0.026 169.3);
}Tailwind CSS v4
@theme {
--color-icy-glacier: #d4eae1;
--color-icy-glacier-50: #eef8f4;
--color-icy-glacier-100: #e0ebe7;
--color-icy-glacier-200: #cad8d3;
--color-icy-glacier-300: #abbcb6;
--color-icy-glacier-400: #90a49c;
--color-icy-glacier-500: #768c83;
--color-icy-glacier-600: #64776f;
--color-icy-glacier-700: #505f59;
--color-icy-glacier-800: #3a4540;
--color-icy-glacier-900: #28302c;
--color-icy-glacier-950: #161c19;
}SCSS
$icy-glacier: #d4eae1;
$icy-glacier-rgb: 212, 234, 225;
$icy-glacier-light: mix(#fff, $icy-glacier, 20%);
$icy-glacier-dark: mix(#000, $icy-glacier, 20%);
.element {
color: $icy-glacier;
box-shadow: 0 0 0 2px rgba($icy-glacier, 0.35);
}