Couleur nommée la plus proche · #C0D9E8
#C0D9E8
Couleur nommée la plus proche: Put on Ice
#C0D9E8 (rgb(192 217 232), hsl(203 47% 83%), oklch(0.871 0.034 234.1)) est la plus proche de la couleur nommée Put on Ice. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C0D9E8
oklch(0.871 0.034 234.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C6DDEA
- CDE1ED
- D3E4EF
- D9E8F1
- DFECF4
- E6F0F6
- ECF4F8
- F2F7FA
- F9FBFD
Ombres
- A7BCCA
- 8EA1AC
- 768690
- 5F6C74
- 495359
- 343B40
- 202529
- 0E1113
- 020203
Tons
- B9D0DD
- B3C7D2
- ACBDC8
- A6B4BD
- A0ABB3
- 99A3A8
- 939A9E
- 8D9194
- 86898A
Harmonies de couleurs
Complémentaire +180°
- C0D9E8
Put on Ice
- E7CFC0
≈ Farm-Fresh Eggs
Analogue -30° +30°
- C0D9E8
Put on Ice
- BCDCDF
≈ Infinitesimal Blue
- CAD5EC
≈ Garden Fairy
Triadique +120° +240°
- C0D9E8
Put on Ice
- E8CCD6
≈ Queen Pink
- D4D8BF
≈ Medlar
Complémentaire divisée +150° +210°
- C0D9E8
Put on Ice
- EACDCA
≈ Whirligig
- DFD3BC
≈ Banded Tulip
Tétradique +90° +180° +270°
- C0D9E8
Put on Ice
- E0CEE2
≈ Orchid Shimmer
- E7CFC0
≈ Farm-Fresh Eggs
- C8DBC7
≈ Mystified
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.46:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.33:1 · APCA Lc 81
Meilleure couleur de texte: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Extraits de code
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);
}