Màu có tên gần nhất · #DCF1F6
#DCF1F6
Màu có tên gần nhất: Let It Snow
#DCF1F6 (rgb(220 241 246), hsl(192 59% 91%), oklch(0.944 0.023 213.6)) 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.
#DCF1F6
oklch(0.944 0.023 213.6)
Chuyển đổi màu
- HEX
- #dcf1f6
- RGB
- rgb(220 241 246)
- HSL
- hsl(192 59% 91%)
- HWB
- hwb(192 86% 4%)
- OKLCH
- oklch(0.944 0.023 213.6)
- OKLab
- oklab(0.944 -0.019 -0.013)
- CIE Lab
- lab(93.7 -6.42 -4.9)
- LCH
- lch(93.7 8.08 217.4)
- CMYK
- cmyk(11% 2% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0F2F7
- E3F4F8
- E7F5F9
- EAF7FA
- EEF8FB
- F1F9FB
- F5FBFC
- F8FCFD
- FCFEFE
Sắc đậm
- BFD2D6
- A3B3B7
- 889598
- 6E797B
- 545D5F
- 3C4345
- 262B2C
- 111415
- 020303
Sắc xám
- D2E5EA
- C9D9DD
- C0CED1
- B6C2C5
- ADB7B9
- A4ACAE
- 9BA1A2
- 929696
- 898B8B
Hòa sắc
Bổ túc +180°
- DCF1F6
Let It Snow
- FCE7E3
≈ Blackbird’s Egg
Tương đồng -30° +30°
- DCF1F6
Let It Snow
- DDF2EE
≈ Aqua Pura
- E0EFFB
≈ Wizard White
Bộ ba +120° +240°
- DCF1F6
Let It Snow
- F7E7F3
≈ Cherry Pearl
- F2EDDC
≈ Quarter Pearl Lusta
Bổ túc chia +150° +210°
- DCF1F6
Let It Snow
- FBE7EB
≈ Hepatica
- F8EADD
≈ Mallow Root
Bộ bốn +90° +180° +270°
- DCF1F6
Let It Snow
- F0E9FA
≈ Bright Dusk
- FCE7E3
≈ Blackbird’s Egg
- E9EFDF
≈ Mental Note
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.16:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.95:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--let-it-snow: #dcf1f6;
--let-it-snow-rgb: 220 241 246;
--let-it-snow-oklch: oklch(0.944 0.023 213.6);
}
.element {
color: var(--let-it-snow);
background-color: hsl(192 59% 91%);
border-color: oklch(0.944 0.023 213.6);
}Tailwind CSS v4
@theme {
--color-let-it-snow: #dcf1f6;
--color-let-it-snow-50: #eef7f9;
--color-let-it-snow-100: #e0eaed;
--color-let-it-snow-200: #cad7da;
--color-let-it-snow-300: #abbbbf;
--color-let-it-snow-400: #90a2a7;
--color-let-it-snow-500: #758a8f;
--color-let-it-snow-600: #637579;
--color-let-it-snow-700: #4f5e61;
--color-let-it-snow-800: #394547;
--color-let-it-snow-900: #272f31;
--color-let-it-snow-950: #151c1d;
}SCSS
$let-it-snow: #dcf1f6;
$let-it-snow-rgb: 220, 241, 246;
$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);
}