Màu có tên gần nhất · #D4DEEC
#D4DEEC
Màu có tên gần nhất: Cold Shoulder
#D4DEEC (rgb(212 222 236), hsl(215 39% 88%), oklch(0.897 0.022 256.7)) 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.
#D4DEEC
oklch(0.897 0.022 256.7)
Chuyển đổi màu
- HEX
- #d4deec
- RGB
- rgb(212 222 236)
- HSL
- hsl(215 39% 88%)
- HWB
- hwb(215 83% 7%)
- OKLCH
- oklch(0.897 0.022 256.7)
- OKLab
- oklab(0.897 -0.005 -0.021)
- CIE Lab
- lab(88.02 -1.47 -8.09)
- LCH
- lch(88.02 8.22 259.7)
- CMYK
- cmyk(10% 6% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D8E1EE
- DDE5F0
- E1E8F2
- E5EBF4
- E9EEF6
- EEF2F7
- F2F5F9
- F6F8FB
- FBFCFD
Sắc đậm
- B8C1CD
- 9DA5AF
- 838992
- 696F76
- 51555B
- 3A3D42
- 242629
- 101213
- 020203
Sắc xám
- CBD4E1
- C3CAD5
- BAC1CA
- B2B7BF
- A9AEB5
- A1A4AA
- 989B9F
- 909295
- 88898A
Hòa sắc
Bổ túc +180°
- D4DEEC
Cold Shoulder
- E6DCCD
≈ Divine White
Tương đồng -30° +30°
- D4DEEC
Cold Shoulder
- CFE0E9
≈ Lupin Grey
- DCDBEB
≈ The White Death
Bộ ba +120° +240°
- D4DEEC
Cold Shoulder
- EBD8D8
≈ Light Youth
- D7E1D3
≈ River Mist
Bổ túc chia +150° +210°
- D4DEEC
Cold Shoulder
- EAD9D1
≈ Winter Peach
- DEDECE
≈ Corinthian Column
Bộ bốn +90° +180° +270°
- D4DEEC
Cold Shoulder
- E9D8E0
≈ Unfading Dusk
- E6DCCD
≈ Divine White
- D0E2DA
≈ Delicate Snow Goose
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.35:1 · APCA Lc 18
Ag
AAATrên nền đen
WCAG 15.45:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.45:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--cold-shoulder: #d4deec;
--cold-shoulder-rgb: 212 222 236;
--cold-shoulder-oklch: oklch(0.897 0.022 256.7);
}
.element {
color: var(--cold-shoulder);
background-color: hsl(215 39% 88%);
border-color: oklch(0.897 0.022 256.7);
}Tailwind CSS v4
@theme {
--color-cold-shoulder: #d4deec;
--color-cold-shoulder-50: #f1f5fc;
--color-cold-shoulder-100: #e3e8ef;
--color-cold-shoulder-200: #cfd5de;
--color-cold-shoulder-300: #b1b8c3;
--color-cold-shoulder-400: #969fac;
--color-cold-shoulder-500: #7d8795;
--color-cold-shoulder-600: #6a727e;
--color-cold-shoulder-700: #555b65;
--color-cold-shoulder-800: #3d434a;
--color-cold-shoulder-900: #2a2e33;
--color-cold-shoulder-950: #181b1f;
}SCSS
$cold-shoulder: #d4deec;
$cold-shoulder-rgb: 212, 222, 236;
$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);
}