Màu có tên · #D5EDFB
Ice Castle
Ice Castle là #D5EDFB: rgb(213 237 251), hsl(202 83% 91%), oklch(0.933 0.032 233.3). 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.
What does Gray mean? → · Ice Castle color name →
#D5EDFB
oklch(0.933 0.032 233.3)
Chuyển đổi màu
- HEX
- #d5edfb
- RGB
- rgb(213 237 251)
- HSL
- hsl(202 83% 91%)
- HWB
- hwb(202 84% 2%)
- OKLCH
- oklch(0.933 0.032 233.3)
- OKLab
- oklab(0.933 -0.019 -0.025)
- CIE Lab
- lab(92.29 -6.07 -9.61)
- LCH
- lch(92.29 11.36 237.7)
- CMYK
- cmyk(15% 6% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9EFFB
- DDF1FC
- E2F2FC
- E6F4FD
- EAF6FD
- EEF8FD
- F2FAFE
- F7FBFE
- FBFDFF
Sắc đậm
- B9CEDA
- 9EB0BA
- 83939C
- 6A777E
- 515C61
- 3A4246
- 242A2D
- 101415
- 020303
Sắc xám
- CCE2EE
- C3D6E1
- BBCBD5
- B2C0C8
- AAB5BC
- A1AAAF
- 999FA3
- 909597
- 888A8C
Hòa sắc
Bổ túc +180°
- D5EDFB
Ice Castle
- FBE4D6
≈ Shell Ginger
Tương đồng -30° +30°
- D5EDFB
Ice Castle
- D1F0F2
≈ Diamond League
- DEE9FF
≈ Husky
Bộ ba +120° +240°
- D5EDFB
Ice Castle
- FBE1EA
≈ Watermelon Mousse
- E8ECD4
≈ Just Perfect
Bổ túc chia +150° +210°
- D5EDFB
Ice Castle
- FEE1DF
≈ Red Remains
- F3E7D2
≈ Vanilla Paste
Bộ bốn +90° +180° +270°
- D5EDFB
Ice Castle
- F4E2F5
≈ Minute Mauve
- FBE4D6
≈ Shell Ginger
- DDEFDC
≈ Dewmist Delight
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 10
Ag
AAATrên nền đen
WCAG 17.33:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.33:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--ice-castle: #d5edfb;
--ice-castle-rgb: 213 237 251;
--ice-castle-oklch: oklch(0.933 0.032 233.3);
}
.element {
color: var(--ice-castle);
background-color: hsl(202 83% 91%);
border-color: oklch(0.933 0.032 233.3);
}Tailwind CSS v4
@theme {
--color-ice-castle: #d5edfb;
--color-ice-castle-50: #edf7fd;
--color-ice-castle-100: #deeaf1;
--color-ice-castle-200: #c8d7e0;
--color-ice-castle-300: #a9bac6;
--color-ice-castle-400: #8da2ae;
--color-ice-castle-500: #728a98;
--color-ice-castle-600: #617581;
--color-ice-castle-700: #4d5e67;
--color-ice-castle-800: #38454c;
--color-ice-castle-900: #262f34;
--color-ice-castle-950: #141c20;
}SCSS
$ice-castle: #d5edfb;
$ice-castle-rgb: 213, 237, 251;
$ice-castle-light: mix(#fff, $ice-castle, 20%);
$ice-castle-dark: mix(#000, $ice-castle, 20%);
.element {
color: $ice-castle;
box-shadow: 0 0 0 2px rgba($ice-castle, 0.35);
}