Màu có tên gần nhất · #D4EEF8
#D4EEF8
Màu có tên gần nhất: On Thin Ice
#D4EEF8 (rgb(212 238 248), hsl(197 72% 90%), oklch(0.933 0.031 222.9)) gần nhất với màu có tên On Thin Ice. 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.
#D4EEF8
oklch(0.933 0.031 222.9)
Chuyển đổi màu
- HEX
- #d4eef8
- RGB
- rgb(212 238 248)
- HSL
- hsl(197 72% 90%)
- HWB
- hwb(197 83% 3%)
- OKLCH
- oklch(0.933 0.031 222.9)
- OKLab
- oklab(0.933 -0.022 -0.021)
- CIE Lab
- lab(92.41 -7.33 -7.89)
- LCH
- lch(92.41 10.77 227.1)
- CMYK
- cmyk(15% 4% 0% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D8F0F9
- DDF1F9
- E1F3FA
- E5F5FB
- EAF7FC
- EEF8FC
- F2FAFD
- F6FCFE
- FBFDFE
Sắc đậm
- B8CFD8
- 9DB1B8
- 83939A
- 69777C
- 515C60
- 3A4245
- 242A2C
- 101415
- 020303
Sắc xám
- CBE2EB
- C3D7DF
- BACCD3
- B2C1C6
- A9B5BA
- A1ABAE
- 99A0A2
- 909597
- 888A8B
Hòa sắc
Bổ túc +180°
- D4EEF8
On Thin Ice
- FCE3D9
≈ Peach Cloud
Tương đồng -30° +30°
- D4EEF8
On Thin Ice
- D3F0EE
≈ Icy Wind
- DBEBFD
≈ Hoarfrost
Bộ ba +120° +240°
- D4EEF8
On Thin Ice
- F9E1EE
≈ Spun Sugar
- ECEAD3
≈ Light Chervil
Bổ túc chia +150° +210°
- D4EEF8
On Thin Ice
- FDE1E3
≈ Royal Wedding
- F6E6D3
≈ Shortbread
Bộ bốn +90° +180° +270°
- D4EEF8
On Thin Ice
- F0E3F8
≈ Minute Mauve
- FCE3D9
≈ Peach Cloud
- E1EED9
≈ Ghost Lichen
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.20:1 · APCA Lc 10
Ag
AAATrên nền đen
WCAG 17.38:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--on-thin-ice: #d4eef8;
--on-thin-ice-rgb: 212 238 248;
--on-thin-ice-oklch: oklch(0.933 0.031 222.9);
}
.element {
color: var(--on-thin-ice);
background-color: hsl(197 72% 90%);
border-color: oklch(0.933 0.031 222.9);
}Tailwind CSS v4
@theme {
--color-on-thin-ice: #d4eef8;
--color-on-thin-ice-50: #ecf7fc;
--color-on-thin-ice-100: #deeaf0;
--color-on-thin-ice-200: #c7d7de;
--color-on-thin-ice-300: #a8bbc3;
--color-on-thin-ice-400: #8ca3ac;
--color-on-thin-ice-500: #718b95;
--color-on-thin-ice-600: #60767e;
--color-on-thin-ice-700: #4c5e65;
--color-on-thin-ice-800: #37454a;
--color-on-thin-ice-900: #263033;
--color-on-thin-ice-950: #141c1f;
}SCSS
$on-thin-ice: #d4eef8;
$on-thin-ice-rgb: 212, 238, 248;
$on-thin-ice-light: mix(#fff, $on-thin-ice, 20%);
$on-thin-ice-dark: mix(#000, $on-thin-ice, 20%);
.element {
color: $on-thin-ice;
box-shadow: 0 0 0 2px rgba($on-thin-ice, 0.35);
}