Named color · #9BEEC1
Nightly Aurora
Nightly Aurora is #9BEEC1: rgb(155 238 193), hsl(147 71% 77%), oklch(0.884 0.103 159.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Nightly Aurora color name →
#9BEEC1
oklch(0.884 0.103 159.6)
Color conversions
- HEX
- #9beec1
- RGB
- rgb(155 238 193)
- HSL
- hsl(147 71% 77%)
- HWB
- hwb(147 61% 7%)
- OKLCH
- oklch(0.884 0.103 159.6)
- OKLab
- oklab(0.884 -0.096 0.036)
- CIE Lab
- lab(87.88 -33.48 13.51)
- LCH
- lch(87.88 36.1 158)
- CMYK
- cmyk(35% 0% 19% 7%)
Tints · Shades · Tones
Tints
- A6F0C7
- B1F2CD
- BBF4D4
- C5F5DA
- CFF7E0
- D9F9E6
- E3FAEC
- ECFCF3
- F6FDF9
Shades
- 86CFA7
- 72B18F
- 5E9377
- 4B775F
- 395C49
- 284234
- 182A20
- 09140E
- 010302
Tones
- 99E3BA
- 97D7B4
- 95CCAD
- 93C1A7
- 90B6A0
- 8DAB9A
- 8AA093
- 87958D
- 848B86
Color harmonies
Complementary +180°
- 9BEEC1
Nightly Aurora
- FFC4EB
≈ Soulmate Pink
Analogous -30° +30°
- 9BEEC1
Nightly Aurora
- C3E79E
≈ Field Day
- 80EFE7
≈ Dead Sea
Triadic +120° +240°
- 9BEEC1
Nightly Aurora
- D0D5FF
≈ Pale Phthalo Blue
- FFCBBA
≈ Piggy Bank
Split-complementary +150° +210°
- 9BEEC1
Nightly Aurora
- E8CBFF
≈ Lens Flare Pink
- FFC8CF
≈ Fruit Bowl
Tetradic +90° +180° +270°
- 9BEEC1
Nightly Aurora
- BCDDFF
≈ Broad Daylight
- FFC4EB
≈ Soulmate Pink
- FFCF99
≈ Atoll Sand
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.39:1 · APCA Lc 86
Best text color: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--nightly-aurora: #9beec1;
--nightly-aurora-rgb: 155 238 193;
--nightly-aurora-oklch: oklch(0.884 0.103 159.6);
}
.element {
color: var(--nightly-aurora);
background-color: hsl(147 71% 77%);
border-color: oklch(0.884 0.103 159.6);
}Tailwind CSS v4
@theme {
--color-nightly-aurora: #9beec1;
--color-nightly-aurora-50: #dcffec;
--color-nightly-aurora-100: #cbf3dd;
--color-nightly-aurora-200: #aee3c7;
--color-nightly-aurora-300: #87c8a7;
--color-nightly-aurora-400: #64b189;
--color-nightly-aurora-500: #3c9b6e;
--color-nightly-aurora-600: #35835d;
--color-nightly-aurora-700: #2a694a;
--color-nightly-aurora-800: #1e4d34;
--color-nightly-aurora-900: #143624;
--color-nightly-aurora-950: #052112;
}SCSS
$nightly-aurora: #9beec1;
$nightly-aurora-rgb: 155, 238, 193;
$nightly-aurora-light: mix(#fff, $nightly-aurora, 20%);
$nightly-aurora-dark: mix(#000, $nightly-aurora, 20%);
.element {
color: $nightly-aurora;
box-shadow: 0 0 0 2px rgba($nightly-aurora, 0.35);
}