Named color · #A1D9E7
Nevada Sky
Nevada Sky is #A1D9E7: rgb(161 217 231), hsl(192 59% 77%), oklch(0.851 0.06 214.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Nevada Sky color name →
#A1D9E7
oklch(0.851 0.06 214.9)
Color conversions
- HEX
- #a1d9e7
- RGB
- rgb(161 217 231)
- HSL
- hsl(192 59% 77%)
- HWB
- hwb(192 63% 9%)
- OKLCH
- oklch(0.851 0.06 214.9)
- OKLab
- oklab(0.851 -0.05 -0.035)
- CIE Lab
- lab(83.19 -16.17 -13.03)
- LCH
- lch(83.19 20.77 218.9)
- CMYK
- cmyk(30% 6% 0% 9%)
Tints · Shades · Tones
Tints
- ABDDE9
- B4E1EC
- BEE5EE
- C7E8F1
- D1ECF3
- DAF0F6
- E3F4F8
- EDF7FA
- F6FBFD
Shades
- 8BBCC9
- 76A1AB
- 62868F
- 4E6C73
- 3C5359
- 2A3B40
- 192528
- 091113
- 010203
Tones
- 9ED0DC
- 9BC7D2
- 98BEC7
- 95B5BD
- 92ACB2
- 8EA3A8
- 8B9A9E
- 879194
- 84898A
Color harmonies
Complementary +180°
- A1D9E7
Nevada Sky
- F3C1B4
≈ Rustique
Analogous -30° +30°
- A1D9E7
Nevada Sky
- A2DCD3
≈ Sky Blue View
- AED3F4
≈ Ice Cold Stare
Triadic +120° +240°
- A1D9E7
Nevada Sky
- E8C0DE
≈ Sweet Alyssum
- DACEA2
≈ Shui Jiao Dumpling
Split-complementary +150° +210°
- A1D9E7
Nevada Sky
- F2BEC9
≈ Azalea Flower
- EBC7A5
≈ Negroni
Tetradic +90° +180° +270°
- A1D9E7
Nevada Sky
- D7C5EF
≈ Foggy Love
- F3C1B4
≈ Rustique
- C5D6AB
≈ Jade Bracelet
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.59:1 · APCA Lc 78
Best text color: #000000
WCAG 13.59:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--nevada-sky: #a1d9e7;
--nevada-sky-rgb: 161 217 231;
--nevada-sky-oklch: oklch(0.851 0.06 214.9);
}
.element {
color: var(--nevada-sky);
background-color: hsl(192 59% 77%);
border-color: oklch(0.851 0.06 214.9);
}Tailwind CSS v4
@theme {
--color-nevada-sky: #a1d9e7;
--color-nevada-sky-50: #e3faff;
--color-nevada-sky-100: #d2edf5;
--color-nevada-sky-200: #b8dbe5;
--color-nevada-sky-300: #95c0cc;
--color-nevada-sky-400: #75a8b5;
--color-nevada-sky-500: #54919f;
--color-nevada-sky-600: #487a87;
--color-nevada-sky-700: #39626c;
--color-nevada-sky-800: #28484f;
--color-nevada-sky-900: #1b3237;
--color-nevada-sky-950: #0b1e22;
}SCSS
$nevada-sky: #a1d9e7;
$nevada-sky-rgb: 161, 217, 231;
$nevada-sky-light: mix(#fff, $nevada-sky, 20%);
$nevada-sky-dark: mix(#000, $nevada-sky, 20%);
.element {
color: $nevada-sky;
box-shadow: 0 0 0 2px rgba($nevada-sky, 0.35);
}