Màu có tên gần nhất · #C0D9E8
#C0D9E8
Màu có tên gần nhất: Put on Ice
#C0D9E8 (rgb(192 217 232), hsl(203 47% 83%), oklch(0.871 0.034 234.1)) gần nhất với màu có tên Put on 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.
#C0D9E8
oklch(0.871 0.034 234.1)
Chuyển đổi màu
- HEX
- #c0d9e8
- RGB
- rgb(192 217 232)
- HSL
- hsl(203 47% 83%)
- HWB
- hwb(203 75% 9%)
- OKLCH
- oklch(0.871 0.034 234.1)
- OKLab
- oklab(0.871 -0.02 -0.027)
- CIE Lab
- lab(85.18 -6.31 -10.35)
- LCH
- lch(85.18 12.12 238.6)
- CMYK
- cmyk(17% 6% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C6DDEA
- CDE1ED
- D3E4EF
- D9E8F1
- DFECF4
- E6F0F6
- ECF4F8
- F2F7FA
- F9FBFD
Sắc đậm
- A7BCCA
- 8EA1AC
- 768690
- 5F6C74
- 495359
- 343B40
- 202529
- 0E1113
- 020203
Sắc xám
- B9D0DD
- B3C7D2
- ACBDC8
- A6B4BD
- A0ABB3
- 99A3A8
- 939A9E
- 8D9194
- 86898A
Hòa sắc
Bổ túc +180°
- C0D9E8
Put on Ice
- E7CFC0
≈ Farm-Fresh Eggs
Tương đồng -30° +30°
- C0D9E8
Put on Ice
- BCDCDF
≈ Infinitesimal Blue
- CAD5EC
≈ Garden Fairy
Bộ ba +120° +240°
- C0D9E8
Put on Ice
- E8CCD6
≈ Queen Pink
- D4D8BF
≈ Medlar
Bổ túc chia +150° +210°
- C0D9E8
Put on Ice
- EACDCA
≈ Whirligig
- DFD3BC
≈ Banded Tulip
Bộ bốn +90° +180° +270°
- C0D9E8
Put on Ice
- E0CEE2
≈ Orchid Shimmer
- E7CFC0
≈ Farm-Fresh Eggs
- C8DBC7
≈ Mystified
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.46:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.33:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--put-on-ice: #c0d9e8;
--put-on-ice-rgb: 192 217 232;
--put-on-ice-oklch: oklch(0.871 0.034 234.1);
}
.element {
color: var(--put-on-ice);
background-color: hsl(203 47% 83%);
border-color: oklch(0.871 0.034 234.1);
}Tailwind CSS v4
@theme {
--color-put-on-ice: #c0d9e8;
--color-put-on-ice-50: #ecf7fe;
--color-put-on-ice-100: #deeaf2;
--color-put-on-ice-200: #c7d7e1;
--color-put-on-ice-300: #a8bbc7;
--color-put-on-ice-400: #8ca2b0;
--color-put-on-ice-500: #718a9a;
--color-put-on-ice-600: #607582;
--color-put-on-ice-700: #4c5e68;
--color-put-on-ice-800: #37454c;
--color-put-on-ice-900: #252f35;
--color-put-on-ice-950: #141c20;
}SCSS
$put-on-ice: #c0d9e8;
$put-on-ice-rgb: 192, 217, 232;
$put-on-ice-light: mix(#fff, $put-on-ice, 20%);
$put-on-ice-dark: mix(#000, $put-on-ice, 20%);
.element {
color: $put-on-ice;
box-shadow: 0 0 0 2px rgba($put-on-ice, 0.35);
}