Màu có tên gần nhất · #DDF3F6
#DDF3F6
Màu có tên gần nhất: Let It Snow
#DDF3F6 (rgb(221 243 246), hsl(187 58% 92%), oklch(0.949 0.023 206.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.
#DDF3F6
oklch(0.949 0.023 206.6)
Chuyển đổi màu
- HEX
- #ddf3f6
- RGB
- rgb(221 243 246)
- HSL
- hsl(187 58% 92%)
- HWB
- hwb(187 87% 4%)
- OKLCH
- oklch(0.949 0.023 206.6)
- OKLab
- oklab(0.949 -0.021 -0.011)
- CIE Lab
- lab(94.28 -7.03 -4.04)
- LCH
- lch(94.28 8.11 209.9)
- CMYK
- cmyk(10% 1% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0F4F7
- E4F5F8
- E7F7F9
- EBF8FA
- EEF9FB
- F1FAFB
- F5FBFC
- F8FDFD
- FCFEFE
Sắc đậm
- C0D3D6
- A4B4B7
- 889798
- 6E7A7B
- 555E5F
- 3D4445
- 262B2C
- 111415
- 020303
Sắc xám
- D3E7EA
- CADBDD
- C0CFD1
- B7C3C5
- ADB8B9
- A4ACAD
- 9BA1A2
- 929696
- 898B8B
Hòa sắc
Bổ túc +180°
- DDF3F6
Let It Snow
- FEE9E6
≈ Sheer Rosebud
Tương đồng -30° +30°
- DDF3F6
Let It Snow
- DFF4EE
≈ Glacier Bay
- E0F1FC
≈ Wizard White
Bộ ba +120° +240°
- DDF3F6
Let It Snow
- F7E9F7
≈ Perfume Haze
- F5EDDD
≈ Modern Ivory
Bổ túc chia +150° +210°
- DDF3F6
Let It Snow
- FCE8EE
≈ Porcelain Skin
- FBEBDF
≈ White Canvas
Bộ bốn +90° +180° +270°
- DDF3F6
Let It Snow
- EFEBFD
≈ Placebo Purple
- FEE9E6
≈ Sheer Rosebud
- EDF0DF
≈ Nursery Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.15:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.22:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.22:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--let-it-snow: #ddf3f6;
--let-it-snow-rgb: 221 243 246;
--let-it-snow-oklch: oklch(0.949 0.023 206.6);
}
.element {
color: var(--let-it-snow);
background-color: hsl(187 58% 92%);
border-color: oklch(0.949 0.023 206.6);
}Tailwind CSS v4
@theme {
--color-let-it-snow: #ddf3f6;
--color-let-it-snow-50: #eef7f9;
--color-let-it-snow-100: #dfeaec;
--color-let-it-snow-200: #c9d7d9;
--color-let-it-snow-300: #aabbbe;
--color-let-it-snow-400: #8fa3a5;
--color-let-it-snow-500: #758b8e;
--color-let-it-snow-600: #637678;
--color-let-it-snow-700: #4f5e60;
--color-let-it-snow-800: #394546;
--color-let-it-snow-900: #273031;
--color-let-it-snow-950: #151c1d;
}SCSS
$let-it-snow: #ddf3f6;
$let-it-snow-rgb: 221, 243, 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);
}