Màu có tên gần nhất · #D2EAF4
#D2EAF4
Màu có tên gần nhất: On Thin Ice
#D2EAF4 (rgb(210 234 244), hsl(198 61% 89%), oklch(0.922 0.029 224.7)) 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.
#D2EAF4
oklch(0.922 0.029 224.7)
Chuyển đổi màu
- HEX
- #d2eaf4
- RGB
- rgb(210 234 244)
- HSL
- hsl(198 61% 89%)
- HWB
- hwb(198 82% 4%)
- OKLCH
- oklch(0.922 0.029 224.7)
- OKLab
- oklab(0.922 -0.02 -0.02)
- CIE Lab
- lab(91.15 -6.69 -7.69)
- LCH
- lch(91.15 10.2 229)
- CMYK
- cmyk(14% 4% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D7ECF5
- DBEEF6
- E0F0F7
- E4F2F8
- E9F5FA
- EDF7FB
- F2F9FC
- F6FBFD
- FBFDFE
Sắc đậm
- B6CBD4
- 9BAEB5
- 819197
- 68757A
- 505A5E
- 394144
- 24292B
- 101314
- 020303
Sắc xám
- CADFE8
- C1D4DC
- B9C9D0
- B0BEC4
- A8B4B8
- A0A9AD
- 989FA1
- 909496
- 888A8B
Hòa sắc
Bổ túc +180°
- D2EAF4
On Thin Ice
- F7E0D6
≈ Delicate Rose
Tương đồng -30° +30°
- D2EAF4
On Thin Ice
- D0ECEB
≈ Mint Chip
- D9E7F9
≈ Cloudless
Bộ ba +120° +240°
- D2EAF4
On Thin Ice
- F4DEEA
≈ Taffeta Tint
- E8E7D1
≈ Green Iced Tea
Bổ túc chia +150° +210°
- D2EAF4
On Thin Ice
- F8DEDF
≈ Blowing Kisses
- F1E3D1
≈ Hectorite
Bộ bốn +90° +180° +270°
- D2EAF4
On Thin Ice
- EDE0F3
≈ Sheer Lavender
- F7E0D6
≈ Delicate Rose
- DDEAD7
≈ Lily Pond
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.81:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--on-thin-ice: #d2eaf4;
--on-thin-ice-rgb: 210 234 244;
--on-thin-ice-oklch: oklch(0.922 0.029 224.7);
}
.element {
color: var(--on-thin-ice);
background-color: hsl(198 61% 89%);
border-color: oklch(0.922 0.029 224.7);
}Tailwind CSS v4
@theme {
--color-on-thin-ice: #d2eaf4;
--color-on-thin-ice-50: #edf7fc;
--color-on-thin-ice-100: #deeaef;
--color-on-thin-ice-200: #c8d7de;
--color-on-thin-ice-300: #a9bbc3;
--color-on-thin-ice-400: #8da2ab;
--color-on-thin-ice-500: #728b95;
--color-on-thin-ice-600: #61757e;
--color-on-thin-ice-700: #4d5e65;
--color-on-thin-ice-800: #38454a;
--color-on-thin-ice-900: #263033;
--color-on-thin-ice-950: #151c1f;
}SCSS
$on-thin-ice: #d2eaf4;
$on-thin-ice-rgb: 210, 234, 244;
$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);
}