Màu có tên gần nhất · #D0E8F1
#D0E8F1
Màu có tên gần nhất: On Thin Ice
#D0E8F1 (rgb(208 232 241), hsl(196 54% 88%), oklch(0.916 0.028 222.3)) 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.
#D0E8F1
oklch(0.916 0.028 222.3)
Chuyển đổi màu
- HEX
- #d0e8f1
- RGB
- rgb(208 232 241)
- HSL
- hsl(196 54% 88%)
- HWB
- hwb(196 82% 5%)
- OKLCH
- oklch(0.916 0.028 222.3)
- OKLab
- oklab(0.916 -0.021 -0.019)
- CIE Lab
- lab(90.42 -6.85 -7.21)
- LCH
- lch(90.42 9.95 226.5)
- CMYK
- cmyk(14% 4% 0% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D5EAF2
- D9EDF4
- DEEFF5
- E3F1F7
- E8F4F8
- ECF6F9
- F1F8FB
- F6FAFC
- FAFDFE
Sắc đậm
- B5CAD2
- 9AACB3
- 809095
- 677479
- 4F595D
- 394043
- 23292B
- 101314
- 020303
Sắc xám
- C8DDE5
- C0D2D9
- B7C8CE
- AFBDC2
- A7B3B7
- 9FA8AC
- 979EA1
- 909496
- 888A8B
Hòa sắc
Bổ túc +180°
- D0E8F1
On Thin Ice
- F5DED5
≈ Touch of Blush
Tương đồng -30° +30°
- D0E8F1
On Thin Ice
- CFEAE8
≈ Foam
- D6E5F6
≈ Snowdrift Glow
Bộ ba +120° +240°
- D0E8F1
On Thin Ice
- F2DCE8
≈ Maiden of the Mist
- E7E4CF
≈ Desert Smog
Bổ túc chia +150° +210°
- D0E8F1
On Thin Ice
- F6DCDE
≈ Fairy Princess
- EFE1CF
≈ Berkshire Lace
Bộ bốn +90° +180° +270°
- D0E8F1
On Thin Ice
- EADEF1
≈ Lingering Lilac
- F5DED5
≈ Touch of Blush
- DCE8D5
≈ Touch of Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.27:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.49:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--on-thin-ice: #d0e8f1;
--on-thin-ice-rgb: 208 232 241;
--on-thin-ice-oklch: oklch(0.916 0.028 222.3);
}
.element {
color: var(--on-thin-ice);
background-color: hsl(196 54% 88%);
border-color: oklch(0.916 0.028 222.3);
}Tailwind CSS v4
@theme {
--color-on-thin-ice: #d0e8f1;
--color-on-thin-ice-50: #edf7fb;
--color-on-thin-ice-100: #deeaef;
--color-on-thin-ice-200: #c8d7dd;
--color-on-thin-ice-300: #a9bbc2;
--color-on-thin-ice-400: #8da3ab;
--color-on-thin-ice-500: #728b94;
--color-on-thin-ice-600: #61757d;
--color-on-thin-ice-700: #4d5e64;
--color-on-thin-ice-800: #384549;
--color-on-thin-ice-900: #263033;
--color-on-thin-ice-950: #151c1e;
}SCSS
$on-thin-ice: #d0e8f1;
$on-thin-ice-rgb: 208, 232, 241;
$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);
}