Named color · #93AAB9
Nepal
Nepal is #93AAB9: rgb(147 170 185), hsl(204 21% 65%), oklch(0.725 0.034 236.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Nepal color name →
#93AAB9
oklch(0.725 0.034 236.5)
Color conversions
- HEX
- #93aab9
- RGB
- rgb(147 170 185)
- HSL
- hsl(204 21% 65%)
- HWB
- hwb(204 58% 27%)
- OKLCH
- oklch(0.725 0.034 236.5)
- OKLab
- oklab(0.725 -0.019 -0.028)
- CIE Lab
- lab(68.2 -5.79 -10.55)
- LCH
- lch(68.2 12.04 241.2)
- CMYK
- cmyk(21% 8% 0% 27%)
Tints · Shades · Tones
Tints
- 9DB2C0
- A8BBC7
- B3C3CE
- BDCBD5
- C8D4DC
- D3DCE3
- DEE5EA
- E9EEF1
- F4F6F8
Shades
- 7F93A0
- 6C7D89
- 596871
- 47535B
- 363F46
- 252D31
- 161B1E
- 080B0D
- 010102
Tones
- 91A6B3
- 8FA1AD
- 8D9DA8
- 8C99A2
- 8A959C
- 889196
- 868C91
- 84888B
- 828486
Color harmonies
Complementary +180°
- 93AAB9
Nepal
- B7A192
≈ Net Worker
Analogous -30° +30°
- 93AAB9
Nepal
- 8EADB1
≈ Bon Voyage
- 9DA6BC
≈ Icelandic Blue
Triadic +120° +240°
- 93AAB9
Nepal
- B99EA7
≈ Pinterested
- A5A992
≈ Bud
Split-complementary +150° +210°
- 93AAB9
Nepal
- BB9F9B
≈ Awakening
- AFA58F
≈ Spray Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.41:1 · APCA Lc 48
Ag
AAAOn black
WCAG 8.69:1 · APCA Lc 54
Best text color: #000000
WCAG 8.69:1 (AAA) · APCA Lc 54
Contrast pairs
Code snippets
CSS
:root {
--nepal: #93aab9;
--nepal-rgb: 147 170 185;
--nepal-oklch: oklch(0.725 0.034 236.5);
}
.element {
color: var(--nepal);
background-color: hsl(204 21% 65%);
border-color: oklch(0.725 0.034 236.5);
}Tailwind CSS v4
@theme {
--color-nepal: #93aab9;
--color-nepal-50: #edf7fe;
--color-nepal-100: #deeaf2;
--color-nepal-200: #c8d7e1;
--color-nepal-300: #a8bac7;
--color-nepal-400: #8ca2b0;
--color-nepal-500: #718a9a;
--color-nepal-600: #607582;
--color-nepal-700: #4d5d68;
--color-nepal-800: #37444c;
--color-nepal-900: #262f35;
--color-nepal-950: #141c20;
}SCSS
$nepal: #93aab9;
$nepal-rgb: 147, 170, 185;
$nepal-light: mix(#fff, $nepal, 20%);
$nepal-dark: mix(#000, $nepal, 20%);
.element {
color: $nepal;
box-shadow: 0 0 0 2px rgba($nepal, 0.35);
}