En yakın adlandırılmış renk · #D8E6D7
#D8E6D7
En yakın adlandırılmış renk: Whispering Frost
#D8E6D7 (rgb(216 230 215), hsl(116 23% 87%), oklch(0.91 0.025 143.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.
#D8E6D7
oklch(0.91 0.025 143.5)
Renk dönüşümleri
- HEX
- #d8e6d7
- RGB
- rgb(216 230 215)
- HSL
- hsl(116 23% 87%)
- HWB
- hwb(116 84% 10%)
- OKLCH
- oklch(0.91 0.025 143.5)
- OKLab
- oklab(0.91 -0.02 0.015)
- CIE Lab
- lab(89.92 -6.87 5.65)
- LCH
- lch(89.92 8.89 140.6)
- CMYK
- cmyk(6% 0% 7% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCE8DB
- E0EBDF
- E4EDE3
- E8F0E7
- EBF2EB
- EFF5EF
- F3F7F3
- F7FAF7
- FBFCFB
Koyu tonlar
- BCC8BB
- A0AB9F
- 858E85
- 6B736B
- 535952
- 3B403B
- 252825
- 111311
- 020302
Gri tonlar
- CFDBCE
- C6D1C5
- BDC6BC
- B4BCB3
- ABB2AA
- A2A7A2
- 9A9D99
- 919491
- 888A88
Renk uyumları
Tamamlayıcı +180°
- D8E6D7
Whispering Frost
- EADCEB
≈ Sprinkle
Analog -30° +30°
- D8E6D7
Whispering Frost
- E1E4D1
≈ Yoga Daze
- D1E7E0
≈ Aqua Glass
Üçlü +120° +240°
- D8E6D7
Whispering Frost
- D9E2F3
≈ Aquarelle Purple
- F2DBD9
≈ Hawaiian Shell
Bölünmüş tamamlayıcı +150° +210°
- D8E6D7
Whispering Frost
- E2DFF1
≈ Lingering Lilac
- F0DBE3
≈ Pink Posies
Dörtlü +90° +180° +270°
- D8E6D7
Whispering Frost
- D2E5F0
≈ Pattens Blue
- EADCEB
≈ Sprinkle
- F0DDD2
≈ Spice Cookie
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.21:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--whispering-frost: #d8e6d7;
--whispering-frost-rgb: 216 230 215;
--whispering-frost-oklch: oklch(0.91 0.025 143.5);
}
.element {
color: var(--whispering-frost);
background-color: hsl(116 23% 87%);
border-color: oklch(0.91 0.025 143.5);
}Tailwind CSS v4
@theme {
--color-whispering-frost: #d8e6d7;
--color-whispering-frost-50: #f1f7f1;
--color-whispering-frost-100: #e3eae3;
--color-whispering-frost-200: #ced7ce;
--color-whispering-frost-300: #b0bbb0;
--color-whispering-frost-400: #96a395;
--color-whispering-frost-500: #7d8b7c;
--color-whispering-frost-600: #6a7569;
--color-whispering-frost-700: #545e54;
--color-whispering-frost-800: #3e453d;
--color-whispering-frost-900: #2a2f2a;
--color-whispering-frost-950: #181c17;
}SCSS
$whispering-frost: #d8e6d7;
$whispering-frost-rgb: 216, 230, 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);
}