Màu có tên gần nhất · #D3EBF5
#D3EBF5
Màu có tên gần nhất: On Thin Ice
#D3EBF5 (rgb(211 235 245), hsl(198 63% 89%), oklch(0.925 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.
#D3EBF5
oklch(0.925 0.029 224.7)
Chuyển đổi màu
- HEX
- #d3ebf5
- RGB
- rgb(211 235 245)
- HSL
- hsl(198 63% 89%)
- HWB
- hwb(198 83% 4%)
- OKLCH
- oklch(0.925 0.029 224.7)
- OKLab
- oklab(0.925 -0.02 -0.02)
- CIE Lab
- lab(91.5 -6.69 -7.68)
- LCH
- lch(91.5 10.19 229)
- CMYK
- cmyk(14% 4% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D7EDF6
- DCEFF7
- E0F1F8
- E5F3F9
- E9F5FA
- EDF7FB
- F2F9FC
- F6FBFD
- FBFDFE
Sắc đậm
- B7CCD5
- 9CAEB6
- 829198
- 69757B
- 515B5F
- 3A4144
- 24292B
- 101315
- 020303
Sắc xám
- CAE0E9
- C2D5DD
- B9CAD1
- B1BFC5
- A9B4B9
- A0A9AD
- 989FA2
- 909496
- 888A8B
Hòa sắc
Bổ túc +180°
- D3EBF5
On Thin Ice
- F8E1D7
≈ Sly Shrimp
Tương đồng -30° +30°
- D3EBF5
On Thin Ice
- D1EDEC
≈ A Certain Shade of Green
- DAE8FA
≈ Cloudless
Bộ ba +120° +240°
- D3EBF5
On Thin Ice
- F5DFEB
≈ Taffeta Tint
- E9E8D2
≈ Green Iced Tea
Bổ túc chia +150° +210°
- D3EBF5
On Thin Ice
- F9DFE0
≈ Lighthearted
- F2E4D2
≈ Cotton Club
Bộ bốn +90° +180° +270°
- D3EBF5
On Thin Ice
- EEE1F4
≈ Sheer Lavender
- F8E1D7
≈ Sly Shrimp
- DEEBD8
≈ Lily Pond
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.23:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.97:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--on-thin-ice: #d3ebf5;
--on-thin-ice-rgb: 211 235 245;
--on-thin-ice-oklch: oklch(0.925 0.029 224.7);
}
.element {
color: var(--on-thin-ice);
background-color: hsl(198 63% 89%);
border-color: oklch(0.925 0.029 224.7);
}Tailwind CSS v4
@theme {
--color-on-thin-ice: #d3ebf5;
--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: #d3ebf5;
$on-thin-ice-rgb: 211, 235, 245;
$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);
}