En yakın adlandırılmış renk · #C0D9E8
#C0D9E8
En yakın adlandırılmış renk: Put on Ice
#C0D9E8 (rgb(192 217 232), hsl(203 47% 83%), oklch(0.871 0.034 234.1)) en çok Put on Ice adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C0D9E8
oklch(0.871 0.034 234.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C6DDEA
- CDE1ED
- D3E4EF
- D9E8F1
- DFECF4
- E6F0F6
- ECF4F8
- F2F7FA
- F9FBFD
Koyu tonlar
- A7BCCA
- 8EA1AC
- 768690
- 5F6C74
- 495359
- 343B40
- 202529
- 0E1113
- 020203
Gri tonlar
- B9D0DD
- B3C7D2
- ACBDC8
- A6B4BD
- A0ABB3
- 99A3A8
- 939A9E
- 8D9194
- 86898A
Renk uyumları
Tamamlayıcı +180°
- C0D9E8
Put on Ice
- E7CFC0
≈ Farm-Fresh Eggs
Analog -30° +30°
- C0D9E8
Put on Ice
- BCDCDF
≈ Infinitesimal Blue
- CAD5EC
≈ Garden Fairy
Üçlü +120° +240°
- C0D9E8
Put on Ice
- E8CCD6
≈ Queen Pink
- D4D8BF
≈ Medlar
Bölünmüş tamamlayıcı +150° +210°
- C0D9E8
Put on Ice
- EACDCA
≈ Whirligig
- DFD3BC
≈ Banded Tulip
Dörtlü +90° +180° +270°
- C0D9E8
Put on Ice
- E0CEE2
≈ Orchid Shimmer
- E7CFC0
≈ Farm-Fresh Eggs
- C8DBC7
≈ Mystified
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.33:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}