En yakın adlandırılmış renk · #D1E1D7
#D1E1D7
En yakın adlandırılmış renk: Whispering Frost
#D1E1D7 (rgb(209 225 215), hsl(143 21% 85%), oklch(0.895 0.022 158.5)) en çok Whispering Frost adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D1E1D7
oklch(0.895 0.022 158.5)
Renk dönüşümleri
- HEX
- #d1e1d7
- RGB
- rgb(209 225 215)
- HSL
- hsl(143 21% 85%)
- HWB
- hwb(143 82% 12%)
- OKLCH
- oklch(0.895 0.022 158.5)
- OKLab
- oklab(0.895 -0.02 0.008)
- CIE Lab
- lab(88.1 -6.92 2.98)
- LCH
- lch(88.1 7.53 156.7)
- CMYK
- cmyk(7% 0% 4% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6E4DB
- DAE7DF
- DFEAE3
- E3EDE7
- E8F0EB
- ECF3EF
- F1F6F3
- F6F9F7
- FAFCFB
Koyu tonlar
- B5C4BB
- 9BA79F
- 818B85
- 68706B
- 505652
- 393E3B
- 232725
- 101211
- 020202
Gri tonlar
- C9D7CE
- C0CDC5
- B8C3BC
- B0B9B3
- A8AFAA
- A0A6A2
- 989C99
- 909391
- 888988
Renk uyumları
Tamamlayıcı +180°
- D1E1D7
Whispering Frost
- E7D7E1
≈ Wine Frost
Analog -30° +30°
- D1E1D7
Whispering Frost
- D8DFD0
≈ Pale Vista
- CDE1DF
≈ Big Sky
Üçlü +120° +240°
- D1E1D7
Whispering Frost
- D9DBEB
≈ Eyeshadow
- EAD8D2
≈ Vienna Lace
Bölünmüş tamamlayıcı +150° +210°
- D1E1D7
Whispering Frost
- E0D9E8
≈ Awakened
- EAD7D9
≈ Diminished Red
Dörtlü +90° +180° +270°
- D1E1D7
Whispering Frost
- D2DEEB
≈ Happy Thoughts
- E7D7E1
≈ Wine Frost
- E6DACD
≈ Swiss Almond
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.46:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.46:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--whispering-frost: #d1e1d7;
--whispering-frost-rgb: 209 225 215;
--whispering-frost-oklch: oklch(0.895 0.022 158.5);
}
.element {
color: var(--whispering-frost);
background-color: hsl(143 21% 85%);
border-color: oklch(0.895 0.022 158.5);
}Tailwind CSS v4
@theme {
--color-whispering-frost: #d1e1d7;
--color-whispering-frost-50: #f0f7f3;
--color-whispering-frost-100: #e2eae5;
--color-whispering-frost-200: #cdd7d1;
--color-whispering-frost-300: #aebbb4;
--color-whispering-frost-400: #94a39a;
--color-whispering-frost-500: #7b8b81;
--color-whispering-frost-600: #68756d;
--color-whispering-frost-700: #535e57;
--color-whispering-frost-800: #3d453f;
--color-whispering-frost-900: #2a302c;
--color-whispering-frost-950: #171c19;
}SCSS
$whispering-frost: #d1e1d7;
$whispering-frost-rgb: 209, 225, 215;
$whispering-frost-light: mix(#fff, $whispering-frost, 20%);
$whispering-frost-dark: mix(#000, $whispering-frost, 20%);
.element {
color: $whispering-frost;
box-shadow: 0 0 0 2px rgba($whispering-frost, 0.35);
}