Dichtstbijzijnde benoemde kleur · #C0D9E8
#C0D9E8
Dichtstbijzijnde benoemde kleur: Put on Ice
#C0D9E8 (rgb(192 217 232), hsl(203 47% 83%), oklch(0.871 0.034 234.1)) komt het dichtst bij de benoemde kleur Put on Ice. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C0D9E8
oklch(0.871 0.034 234.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- C6DDEA
- CDE1ED
- D3E4EF
- D9E8F1
- DFECF4
- E6F0F6
- ECF4F8
- F2F7FA
- F9FBFD
Schaduwen
- A7BCCA
- 8EA1AC
- 768690
- 5F6C74
- 495359
- 343B40
- 202529
- 0E1113
- 020203
Tonen
- B9D0DD
- B3C7D2
- ACBDC8
- A6B4BD
- A0ABB3
- 99A3A8
- 939A9E
- 8D9194
- 86898A
Kleurharmonieën
Complementair +180°
- C0D9E8
Put on Ice
- E7CFC0
≈ Farm-Fresh Eggs
Analoog -30° +30°
- C0D9E8
Put on Ice
- BCDCDF
≈ Infinitesimal Blue
- CAD5EC
≈ Garden Fairy
Triadisch +120° +240°
- C0D9E8
Put on Ice
- E8CCD6
≈ Queen Pink
- D4D8BF
≈ Medlar
Gesplitst complementair +150° +210°
- C0D9E8
Put on Ice
- EACDCA
≈ Whirligig
- DFD3BC
≈ Banded Tulip
Tetradisch +90° +180° +270°
- C0D9E8
Put on Ice
- E0CEE2
≈ Orchid Shimmer
- E7CFC0
≈ Farm-Fresh Eggs
- C8DBC7
≈ Mystified
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.46:1 · APCA Lc 22
Ag
AAAOp zwart
WCAG 14.33:1 · APCA Lc 81
Beste tekstkleur: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Codefragmenten
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);
}