Nearest named color · #C0D9FF
#C0D9FF
Nearest named color: Frost Fairy
#C0D9FF (rgb(192 217 255), hsl(216 100% 88%), oklch(0.879 0.059 258.7)) is closest to the named color Frost Fairy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C0D9FF
oklch(0.879 0.059 258.7)
Color conversions
- HEX
- #c0d9ff
- RGB
- rgb(192 217 255)
- HSL
- hsl(216 100% 88%)
- HWB
- hwb(216 75% 0%)
- OKLCH
- oklch(0.879 0.059 258.7)
- OKLab
- oklab(0.879 -0.012 -0.058)
- CIE Lab
- lab(85.77 -2.49 -21.55)
- LCH
- lch(85.77 21.7 263.4)
- CMYK
- cmyk(25% 15% 0% 0%)
Tints · Shades · Tones
Tints
- C6DDFF
- CDE1FF
- D3E4FF
- D9E8FF
- DFECFF
- E6F0FF
- ECF4FF
- F2F7FF
- F9FBFF
Shades
- A7BCDE
- 8EA1BE
- 76869E
- 5F6C80
- 495363
- 343B48
- 20252E
- 0E1116
- 020203
Tones
- B9D0F2
- B3C7E5
- ACBED8
- A6B5CB
- A0ACBE
- 99A3B1
- 939AA5
- 8D9198
- 86898C
Color harmonies
Complementary +180°
- C0D9FF
Frost Fairy
- EDD3AC
≈ Givry
Analogous -30° +30°
- C0D9FF
Frost Fairy
- AFE0F7
≈ Fairy Sparkles
- D5D2FD
≈ Pale Lavender
Triadic +120° +240°
- C0D9FF
Frost Fairy
- FCC8C8
≈ Sunday Best
- C4E1BC
≈ Ambrosia
Split-complementary +150° +210°
- C0D9FF
Frost Fairy
- F9CCB6
≈ Biscuit Cream
- DADBAE
≈ Spring Thyme
Tetradic +90° +180° +270°
- C0D9FF
Frost Fairy
- F6C8DE
≈ Laelia Pink
- EDD3AC
≈ Givry
- B2E4D0
≈ Crystal Rapids
Contrast & accessibility
Ag
FailOn white
WCAG 1.43:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.61:1 · APCA Lc 82
Best text color: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--frost-fairy: #c0d9ff;
--frost-fairy-rgb: 192 217 255;
--frost-fairy-oklch: oklch(0.879 0.059 258.7);
}
.element {
color: var(--frost-fairy);
background-color: hsl(216 100% 88%);
border-color: oklch(0.879 0.059 258.7);
}Tailwind CSS v4
@theme {
--color-frost-fairy: #c0d9ff;
--color-frost-fairy-50: #ecf6ff;
--color-frost-fairy-100: #dde9fc;
--color-frost-fairy-200: #c6d5ee;
--color-frost-fairy-300: #a6b8d6;
--color-frost-fairy-400: #89a0c2;
--color-frost-fairy-500: #6e87ae;
--color-frost-fairy-600: #5e7393;
--color-frost-fairy-700: #4b5c76;
--color-frost-fairy-800: #354357;
--color-frost-fairy-900: #242e3d;
--color-frost-fairy-950: #131b26;
}SCSS
$frost-fairy: #c0d9ff;
$frost-fairy-rgb: 192, 217, 255;
$frost-fairy-light: mix(#fff, $frost-fairy, 20%);
$frost-fairy-dark: mix(#000, $frost-fairy, 20%);
.element {
color: $frost-fairy;
box-shadow: 0 0 0 2px rgba($frost-fairy, 0.35);
}