Named color · #90BE9D
Green-Eyed Lady
Green-Eyed Lady is #90BE9D: rgb(144 190 157), hsl(137 26% 65%), oklch(0.759 0.068 153.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Green-Eyed Lady color name →
#90BE9D
oklch(0.759 0.068 153.4)
Color conversions
- HEX
- #90be9d
- RGB
- rgb(144 190 157)
- HSL
- hsl(137 26% 65%)
- HWB
- hwb(137 56% 25%)
- OKLCH
- oklch(0.759 0.068 153.4)
- OKLab
- oklab(0.759 -0.061 0.03)
- CIE Lab
- lab(73 -20.88 11.55)
- LCH
- lch(73 23.87 151)
- CMYK
- cmyk(24% 0% 17% 25%)
Tints · Shades · Tones
Tints
- 9BC4A6
- A6CBB0
- B1D1BA
- BCD8C3
- C7DECD
- D2E5D7
- DDEBE1
- E9F2EB
- F4F8F5
Shades
- 7DA588
- 6A8C73
- 57755F
- 455E4C
- 34483A
- 243328
- 151F18
- 070D09
- 010201
Tones
- 8FB89A
- 8DB197
- 8CAB94
- 8AA591
- 899F8F
- 87988C
- 869289
- 848C86
- 828683
Color harmonies
Complementary +180°
- 90BE9D
Green-Eyed Lady
- CCA1C3
≈ Geranium Bud
Analogous -30° +30°
- 90BE9D
Green-Eyed Lady
- A8B989
≈ Grant Wood Ivy
- 7FBFB5
≈ Gentle Wave
Triadic +120° +240°
- 90BE9D
Green-Eyed Lady
- A3AFDD
≈ Myrtle Flower
- D8A295
≈ Auburn Wave
Split-complementary +150° +210°
- 90BE9D
Green-Eyed Lady
- BAA7D5
≈ Grape Illusion
- D79FAC
≈ Lili Elbe’s Pink
Tetradic +90° +180° +270°
- 90BE9D
Green-Eyed Lady
- 8CB6D9
≈ Periwinkle Sky
- CCA1C3
≈ Geranium Bud
- D0A884
≈ Autumn Air
Contrast & accessibility
Ag
FailOn white
WCAG 2.09:1 · APCA Lc 41
Ag
AAAOn black
WCAG 10.03:1 · APCA Lc 61
Best text color: #000000
WCAG 10.03:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--green-eyed-lady: #90be9d;
--green-eyed-lady-rgb: 144 190 157;
--green-eyed-lady-oklch: oklch(0.759 0.068 153.4);
}
.element {
color: var(--green-eyed-lady);
background-color: hsl(137 26% 65%);
border-color: oklch(0.759 0.068 153.4);
}Tailwind CSS v4
@theme {
--color-green-eyed-lady: #90be9d;
--color-green-eyed-lady-50: #e7fbed;
--color-green-eyed-lady-100: #d7efde;
--color-green-eyed-lady-200: #beddc8;
--color-green-eyed-lady-300: #9cc2a9;
--color-green-eyed-lady-400: #80ab8c;
--color-green-eyed-lady-500: #629471;
--color-green-eyed-lady-600: #547d60;
--color-green-eyed-lady-700: #43644d;
--color-green-eyed-lady-800: #314936;
--color-green-eyed-lady-900: #213325;
--color-green-eyed-lady-950: #101e14;
}SCSS
$green-eyed-lady: #90be9d;
$green-eyed-lady-rgb: 144, 190, 157;
$green-eyed-lady-light: mix(#fff, $green-eyed-lady, 20%);
$green-eyed-lady-dark: mix(#000, $green-eyed-lady, 20%);
.element {
color: $green-eyed-lady;
box-shadow: 0 0 0 2px rgba($green-eyed-lady, 0.35);
}