Màu có tên gần nhất · #DDEBF2
#DDEBF2
Màu có tên gần nhất: Out Cold
#DDEBF2 (rgb(221 235 242), hsl(200 45% 91%), oklch(0.932 0.018 229)) gần nhất với màu có tên Out Cold. 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.
#DDEBF2
oklch(0.932 0.018 229)
Chuyển đổi màu
- HEX
- #ddebf2
- RGB
- rgb(221 235 242)
- HSL
- hsl(200 45% 91%)
- HWB
- hwb(200 87% 5%)
- OKLCH
- oklch(0.932 0.018 229)
- OKLab
- oklab(0.932 -0.012 -0.013)
- CIE Lab
- lab(92.14 -3.81 -5.09)
- LCH
- lch(92.14 6.36 233.1)
- CMYK
- cmyk(9% 3% 0% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0EDF3
- E4EFF5
- E7F1F6
- EBF3F7
- EEF5F9
- F1F7FA
- F5F9FB
- F8FBFC
- FCFDFE
Sắc đậm
- C0CCD2
- A4AEB4
- 889196
- 6E7579
- 555B5E
- 3D4143
- 26292B
- 111314
- 020303
Sắc xám
- D3E0E6
- CAD5DA
- C0CACE
- B7BFC3
- ADB4B7
- A4A9AC
- 9B9FA1
- 929496
- 898A8B
Hòa sắc
Bổ túc +180°
- DDEBF2
Out Cold
- F3E5DE
≈ Champagne Ice
Tương đồng -30° +30°
- DDEBF2
Out Cold
- DCECED
≈ Winter’s Breath
- E1E9F5
≈ Harbour Afternoon
Bộ ba +120° +240°
- DDEBF2
Out Cold
- F2E4EA
≈ Rosie Posie
- E9EADC
≈ Really Light Green
Bổ túc chia +150° +210°
- DDEBF2
Out Cold
- F4E4E4
≈ Gaiety
- EFE7DC
≈ Soft Pearl
Bộ bốn +90° +180° +270°
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.23:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--out-cold: #ddebf2;
--out-cold-rgb: 221 235 242;
--out-cold-oklch: oklch(0.932 0.018 229);
}
.element {
color: var(--out-cold);
background-color: hsl(200 45% 91%);
border-color: oklch(0.932 0.018 229);
}Tailwind CSS v4
@theme {
--color-out-cold: #ddebf2;
--color-out-cold-50: #f0f6f9;
--color-out-cold-100: #e2e9ed;
--color-out-cold-200: #cdd6da;
--color-out-cold-300: #afb9bf;
--color-out-cold-400: #94a1a7;
--color-out-cold-500: #7b8990;
--color-out-cold-600: #68747a;
--color-out-cold-700: #535d61;
--color-out-cold-800: #3c4447;
--color-out-cold-900: #292f31;
--color-out-cold-950: #171b1d;
}SCSS
$out-cold: #ddebf2;
$out-cold-rgb: 221, 235, 242;
$out-cold-light: mix(#fff, $out-cold, 20%);
$out-cold-dark: mix(#000, $out-cold, 20%);
.element {
color: $out-cold;
box-shadow: 0 0 0 2px rgba($out-cold, 0.35);
}