Named color · #C5E6F7
Icy Landscape
Icy Landscape is #C5E6F7: rgb(197 230 247), hsl(200 76% 87%), oklch(0.906 0.042 230.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Icy Landscape color name →
#C5E6F7
oklch(0.906 0.042 230.2)
Color conversions
- HEX
- #c5e6f7
- RGB
- rgb(197 230 247)
- HSL
- hsl(200 76% 87%)
- HWB
- hwb(200 77% 3%)
- OKLCH
- oklch(0.906 0.042 230.2)
- OKLab
- oklab(0.906 -0.027 -0.032)
- CIE Lab
- lab(89.29 -8.52 -12.09)
- LCH
- lch(89.29 14.79 234.8)
- CMYK
- cmyk(20% 7% 0% 3%)
Tints · Shades · Tones
Tints
- CBE9F8
- D1EBF9
- D7EEFA
- DCF0FA
- E2F3FB
- E8F5FC
- EEF8FD
- F3FAFD
- F9FDFE
Shades
- ABC8D7
- 92ABB7
- 798E99
- 61737C
- 4B5960
- 354045
- 21282C
- 0E1315
- 020303
Tones
- BEDBEB
- B7D1DE
- B0C6D2
- A9BCC6
- A2B2BA
- 9BA8AE
- 949EA2
- 8E9497
- 878A8B
Color harmonies
Complementary +180°
- C5E6F7
Icy Landscape
- F8D9C8
≈ Peach Sachet
Analogous -30° +30°
- C5E6F7
Icy Landscape
- C1E9EB
≈ Light Opale
- D0E1FD
≈ Arc Light
Triadic +120° +240°
- C5E6F7
Icy Landscape
- F7D5E4
≈ Sunset Pink
- E1E3C4
≈ Frost
Split-complementary +150° +210°
- C5E6F7
Icy Landscape
- FBD6D5
≈ Just a Tease
- EFDEC2
≈ Kabuki Clay
Tetradic +90° +180° +270°
- C5E6F7
Icy Landscape
- EDD8F2
≈ Scented Spring
- F8D9C8
≈ Peach Sachet
- D2E7CD
≈ Butter Lettuce
Contrast & accessibility
Ag
FailOn white
WCAG 1.30:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.03:1 · APCA Lc 88
Best text color: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--icy-landscape: #c5e6f7;
--icy-landscape-rgb: 197 230 247;
--icy-landscape-oklch: oklch(0.906 0.042 230.2);
}
.element {
color: var(--icy-landscape);
background-color: hsl(200 76% 87%);
border-color: oklch(0.906 0.042 230.2);
}Tailwind CSS v4
@theme {
--color-icy-landscape: #c5e6f7;
--color-icy-landscape-50: #eaf8ff;
--color-icy-landscape-100: #dbebf4;
--color-icy-landscape-200: #c3d8e3;
--color-icy-landscape-300: #a3bcc9;
--color-icy-landscape-400: #86a4b3;
--color-icy-landscape-500: #6a8c9d;
--color-icy-landscape-600: #5a7685;
--color-icy-landscape-700: #485f6a;
--color-icy-landscape-800: #33454e;
--color-icy-landscape-900: #233036;
--color-icy-landscape-950: #121c21;
}SCSS
$icy-landscape: #c5e6f7;
$icy-landscape-rgb: 197, 230, 247;
$icy-landscape-light: mix(#fff, $icy-landscape, 20%);
$icy-landscape-dark: mix(#000, $icy-landscape, 20%);
.element {
color: $icy-landscape;
box-shadow: 0 0 0 2px rgba($icy-landscape, 0.35);
}