Màu có tên gần nhất · #D3DFEF
#D3DFEF
Màu có tên gần nhất: Cold Shoulder
#D3DFEF (rgb(211 223 239), hsl(214 47% 88%), oklch(0.899 0.025 255.6)) gần nhất với màu có tên Cold Shoulder. 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.
#D3DFEF
oklch(0.899 0.025 255.6)
Chuyển đổi màu
- HEX
- #d3dfef
- RGB
- rgb(211 223 239)
- HSL
- hsl(214 47% 88%)
- HWB
- hwb(214 83% 6%)
- OKLCH
- oklch(0.899 0.025 255.6)
- OKLab
- oklab(0.899 -0.006 -0.025)
- CIE Lab
- lab(88.27 -1.84 -9.3)
- LCH
- lch(88.27 9.48 258.8)
- CMYK
- cmyk(12% 7% 0% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D7E2F1
- DCE5F2
- E0E9F4
- E4ECF5
- E9EFF7
- EDF2F9
- F2F5FA
- F6F9FC
- FBFCFD
Sắc đậm
- B7C2D0
- 9CA5B1
- 828A94
- 696F78
- 51565C
- 3A3D42
- 24272A
- 101214
- 020203
Sắc xám
- CAD5E3
- C2CBD8
- B9C2CC
- B1B8C1
- A9AEB6
- A0A5AB
- 989BA0
- 909295
- 88898B
Hòa sắc
Bổ túc +180°
- D3DFEF
Cold Shoulder
- E8DCCC
≈ White Mocha
Tương đồng -30° +30°
- D3DFEF
Cold Shoulder
- CDE2EB
≈ Niagara Falls
- DCDCEF
≈ Chinese Silver
Bộ ba +120° +240°
- D3DFEF
Cold Shoulder
- EED7D8
≈ Light Petite Pink
- D7E2D1
≈ Sweet Mint Tea
Bổ túc chia +150° +210°
- D3DFEF
Cold Shoulder
- EDD9D0
≈ Touch of Tan
- E0DFCC
≈ Washed Sage
Bộ bốn +90° +180° +270°
- D3DFEF
Cold Shoulder
- EBD7E1
≈ Lighthearted Pink
- E8DCCC
≈ White Mocha
- CFE4DA
≈ Light Silverton
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.34:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.57:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.57:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--cold-shoulder: #d3dfef;
--cold-shoulder-rgb: 211 223 239;
--cold-shoulder-oklch: oklch(0.899 0.025 255.6);
}
.element {
color: var(--cold-shoulder);
background-color: hsl(214 47% 88%);
border-color: oklch(0.899 0.025 255.6);
}Tailwind CSS v4
@theme {
--color-cold-shoulder: #d3dfef;
--color-cold-shoulder-50: #f1f6fd;
--color-cold-shoulder-100: #e3e8f1;
--color-cold-shoulder-200: #ced5df;
--color-cold-shoulder-300: #afb8c5;
--color-cold-shoulder-400: #959fae;
--color-cold-shoulder-500: #7b8797;
--color-cold-shoulder-600: #687280;
--color-cold-shoulder-700: #535c66;
--color-cold-shoulder-800: #3c434b;
--color-cold-shoulder-900: #292e34;
--color-cold-shoulder-950: #171b20;
}SCSS
$cold-shoulder: #d3dfef;
$cold-shoulder-rgb: 211, 223, 239;
$cold-shoulder-light: mix(#fff, $cold-shoulder, 20%);
$cold-shoulder-dark: mix(#000, $cold-shoulder, 20%);
.element {
color: $cold-shoulder;
box-shadow: 0 0 0 2px rgba($cold-shoulder, 0.35);
}