Najbliższy nazwany kolor · #DAF0E4
#DAF0E4
Najbliższy nazwany kolor: Shattered Ice
#DAF0E4 (rgb(218 240 228), hsl(147 42% 90%), oklch(0.936 0.028 162.1)) jest najbliższy nazwanemu kolorowi Shattered Ice. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DAF0E4
oklch(0.936 0.028 162.1)
Konwersje koloru
- HEX
- #daf0e4
- RGB
- rgb(218 240 228)
- HSL
- hsl(147 42% 90%)
- HWB
- hwb(147 85% 6%)
- OKLCH
- oklch(0.936 0.028 162.1)
- OKLab
- oklab(0.936 -0.027 0.009)
- CIE Lab
- lab(92.91 -9.16 3.22)
- LCH
- lch(92.91 9.71 160.6)
- CMYK
- cmyk(9% 0% 5% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEF2E7
- E1F3E9
- E5F5EC
- E9F6EF
- EDF8F1
- F0F9F4
- F4FBF7
- F8FCFA
- FBFEFC
Odcienie ciemniejsze
- BDD1C6
- A2B2A9
- 87958D
- 6C7872
- 545D58
- 3C433F
- 252A28
- 111412
- 020303
Tony
- D1E4DA
- C7D9CF
- BECDC5
- B5C2BB
- ACB6B1
- A3ABA7
- 9AA09D
- 919593
- 898B8A
Harmonie kolorów
Komplementarna +180°
- DAF0E4
Shattered Ice
- F8E3EF
≈ Petal Poise
Analogowa -30° +30°
- DAF0E4
Shattered Ice
- E3EEDB
≈ Winter Shamrock
- D5F0EE
≈ Icy Wind
Triada +120° +240°
- DAF0E4
Shattered Ice
- E6E8FD
≈ Glitter
- FBE4DB
≈ Sherry Cream
Komplementarna rozszczepiona +150° +210°
- DAF0E4
Shattered Ice
- F0E5F8
≈ Holographic Lavender
- FCE3E5
≈ Royal Wedding
Tetrada +90° +180° +270°
- DAF0E4
Shattered Ice
- DDEBFD
≈ Hoarfrost
- F8E3EF
≈ Petal Poise
- F6E7D6
≈ Tender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.56:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.56:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--shattered-ice: #daf0e4;
--shattered-ice-rgb: 218 240 228;
--shattered-ice-oklch: oklch(0.936 0.028 162.1);
}
.element {
color: var(--shattered-ice);
background-color: hsl(147 42% 90%);
border-color: oklch(0.936 0.028 162.1);
}Tailwind CSS v4
@theme {
--color-shattered-ice: #daf0e4;
--color-shattered-ice-50: #eef8f3;
--color-shattered-ice-100: #e0ebe5;
--color-shattered-ice-200: #cad8d1;
--color-shattered-ice-300: #abbcb3;
--color-shattered-ice-400: #90a499;
--color-shattered-ice-500: #768c80;
--color-shattered-ice-600: #64776d;
--color-shattered-ice-700: #505f57;
--color-shattered-ice-800: #3a463f;
--color-shattered-ice-900: #28302b;
--color-shattered-ice-950: #161c19;
}SCSS
$shattered-ice: #daf0e4;
$shattered-ice-rgb: 218, 240, 228;
$shattered-ice-light: mix(#fff, $shattered-ice, 20%);
$shattered-ice-dark: mix(#000, $shattered-ice, 20%);
.element {
color: $shattered-ice;
box-shadow: 0 0 0 2px rgba($shattered-ice, 0.35);
}