Màu có tên gần nhất · #D3EEF3
#D3EEF3
Màu có tên gần nhất: Let It Snow
#D3EEF3 (rgb(211 238 243), hsl(189 57% 89%), oklch(0.931 0.029 210)) 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.
#D3EEF3
oklch(0.931 0.029 210)
Chuyển đổi màu
- HEX
- #d3eef3
- RGB
- rgb(211 238 243)
- HSL
- hsl(189 57% 89%)
- HWB
- hwb(189 83% 5%)
- OKLCH
- oklch(0.931 0.029 210)
- OKLab
- oklab(0.931 -0.025 -0.015)
- CIE Lab
- lab(92.23 -8.41 -5.58)
- LCH
- lch(92.23 10.09 213.6)
- CMYK
- cmyk(13% 2% 0% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D7F0F4
- DCF1F5
- E0F3F7
- E5F5F8
- E9F7F9
- EEF8FA
- F2FAFB
- F6FCFD
- FBFDFE
Sắc đậm
- B7CFD3
- 9CB1B4
- 829397
- 69777A
- 515C5E
- 3A4244
- 242A2B
- 101414
- 020303
Sắc xám
- CAE2E7
- C2D7DB
- BACCCF
- B1C1C3
- A9B5B8
- A1ABAC
- 98A0A1
- 909596
- 888A8B
Hòa sắc
Bổ túc +180°
- D3EEF3
Let It Snow
- FBE2DD
≈ Lady Anne
Tương đồng -30° +30°
- D3EEF3
Let It Snow
- D4EFE9
≈ Teal Ice
- D8EBFA
≈ Hoarfrost
Bộ ba +120° +240°
- D3EEF3
Let It Snow
- F4E2F2
≈ Minute Mauve
- F0E8D3
≈ Imperial Ivory
Bổ túc chia +150° +210°
- D3EEF3
Let It Snow
- FAE1E7
≈ Watermelon Mousse
- F8E4D5
≈ Shell Ginger
Bộ bốn +90° +180° +270°
- D3EEF3
Let It Snow
- EBE4F9
≈ Cyber Lavender
- FBE2DD
≈ Lady Anne
- E5EBD6
≈ Lime Meringue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.21:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.29:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.29:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--let-it-snow: #d3eef3;
--let-it-snow-rgb: 211 238 243;
--let-it-snow-oklch: oklch(0.931 0.029 210);
}
.element {
color: var(--let-it-snow);
background-color: hsl(189 57% 89%);
border-color: oklch(0.931 0.029 210);
}Tailwind CSS v4
@theme {
--color-let-it-snow: #d3eef3;
--color-let-it-snow-50: #ecf8fa;
--color-let-it-snow-100: #ddebed;
--color-let-it-snow-200: #c7d8db;
--color-let-it-snow-300: #a7bcc0;
--color-let-it-snow-400: #8ba3a8;
--color-let-it-snow-500: #708c91;
--color-let-it-snow-600: #5f767b;
--color-let-it-snow-700: #4c5f62;
--color-let-it-snow-800: #374548;
--color-let-it-snow-900: #263032;
--color-let-it-snow-950: #141c1e;
}SCSS
$let-it-snow: #d3eef3;
$let-it-snow-rgb: 211, 238, 243;
$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);
}