Màu có tên gần nhất · #D8E6D7
#D8E6D7
Màu có tên gần nhất: Whispering Frost
#D8E6D7 (rgb(216 230 215), hsl(116 23% 87%), oklch(0.91 0.025 143.5)) gần nhất với màu có tên Whispering Frost. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#D8E6D7
oklch(0.91 0.025 143.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DCE8DB
- E0EBDF
- E4EDE3
- E8F0E7
- EBF2EB
- EFF5EF
- F3F7F3
- F7FAF7
- FBFCFB
Sắc đậm
- BCC8BB
- A0AB9F
- 858E85
- 6B736B
- 535952
- 3B403B
- 252825
- 111311
- 020302
Sắc xám
- CFDBCE
- C6D1C5
- BDC6BC
- B4BCB3
- ABB2AA
- A2A7A2
- 9A9D99
- 919491
- 888A88
Hòa sắc
Bổ túc +180°
- D8E6D7
Whispering Frost
- EADCEB
≈ Sprinkle
Tương đồng -30° +30°
- D8E6D7
Whispering Frost
- E1E4D1
≈ Yoga Daze
- D1E7E0
≈ Aqua Glass
Bộ ba +120° +240°
- D8E6D7
Whispering Frost
- D9E2F3
≈ Aquarelle Purple
- F2DBD9
≈ Hawaiian Shell
Bổ túc chia +150° +210°
- D8E6D7
Whispering Frost
- E2DFF1
≈ Lingering Lilac
- F0DBE3
≈ Pink Posies
Bộ bốn +90° +180° +270°
- D8E6D7
Whispering Frost
- D2E5F0
≈ Pattens Blue
- EADCEB
≈ Sprinkle
- F0DDD2
≈ Spice Cookie
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.29:1 · APCA Lc 15
Ag
AAATrên nền đen
WCAG 16.21:1 · APCA Lc 89
Màu chữ tốt nhất: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
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);
}