Màu có tên gần nhất · #D8EFF2
#D8EFF2
Màu có tên gần nhất: Let It Snow
#D8EFF2 (rgb(216 239 242), hsl(187 50% 90%), oklch(0.936 0.025 206.2)) gần nhất với màu có tên Let It Snow. 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.
#D8EFF2
oklch(0.936 0.025 206.2)
Chuyển đổi màu
- HEX
- #d8eff2
- RGB
- rgb(216 239 242)
- HSL
- hsl(187 50% 90%)
- HWB
- hwb(187 85% 5%)
- OKLCH
- oklch(0.936 0.025 206.2)
- OKLab
- oklab(0.936 -0.022 -0.011)
- CIE Lab
- lab(92.81 -7.38 -4.17)
- LCH
- lch(92.81 8.48 209.4)
- CMYK
- cmyk(11% 1% 0% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DCF1F3
- E0F2F5
- E4F4F6
- E8F5F7
- ECF7F9
- EFF9FA
- F3FAFB
- F7FCFC
- FBFDFE
Sắc đậm
- BCD0D2
- A0B1B4
- 859496
- 6B7879
- 535C5E
- 3B4243
- 252A2B
- 111414
- 020303
Sắc xám
- CFE3E6
- C6D8DA
- BDCCCE
- B4C1C3
- ABB6B7
- A2ABAC
- 9AA0A1
- 919596
- 888B8B
Hòa sắc
Bổ túc +180°
- D8EFF2
Let It Snow
- FAE4E1
≈ Tutu
Tương đồng -30° +30°
- D8EFF2
Let It Snow
- DAF0E9
≈ Green Frosting
- DBEDF8
≈ Ice Fishing
Bộ ba +120° +240°
- D8EFF2
Let It Snow
- F3E5F3
≈ Minute Mauve
- F1E9D8
≈ Antique Marble
Bổ túc chia +150° +210°
- D8EFF2
Let It Snow
- F9E4EA
≈ Pink Tutu
- F7E6DB
≈ Coast Cream
Bộ bốn +90° +180° +270°
- D8EFF2
Let It Snow
- EBE7F9
≈ Glitter
- FAE4E1
≈ Tutu
- E9ECDA
≈ Really Rain
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.19:1 · APCA Lc 10
Ag
AAATrên nền đen
WCAG 17.54:1 · APCA Lc 95
Màu chữ tốt nhất: #000000
WCAG 17.54:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--let-it-snow: #d8eff2;
--let-it-snow-rgb: 216 239 242;
--let-it-snow-oklch: oklch(0.936 0.025 206.2);
}
.element {
color: var(--let-it-snow);
background-color: hsl(187 50% 90%);
border-color: oklch(0.936 0.025 206.2);
}Tailwind CSS v4
@theme {
--color-let-it-snow: #d8eff2;
--color-let-it-snow-50: #eef7f9;
--color-let-it-snow-100: #dfeaec;
--color-let-it-snow-200: #c9d7da;
--color-let-it-snow-300: #aabbbe;
--color-let-it-snow-400: #8ea3a6;
--color-let-it-snow-500: #748b8e;
--color-let-it-snow-600: #627678;
--color-let-it-snow-700: #4e5e60;
--color-let-it-snow-800: #394546;
--color-let-it-snow-900: #273031;
--color-let-it-snow-950: #151c1d;
}SCSS
$let-it-snow: #d8eff2;
$let-it-snow-rgb: 216, 239, 242;
$let-it-snow-light: mix(#fff, $let-it-snow, 20%);
$let-it-snow-dark: mix(#000, $let-it-snow, 20%);
.element {
color: $let-it-snow;
box-shadow: 0 0 0 2px rgba($let-it-snow, 0.35);
}