#BAE992

#BAE992

Color Values

HEX

#BAE992

RGB

186, 233, 146

HSL

92.4, 66.4%, 74.3%

HSV

92.4, 37.3%, 91.4%

CMYK

20.2%, 0.0%, 37.3%, 8.6%

OKLCH

0.8807 0.1237 131.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAE992

#C192E9

Analogous

#E5E992

#92E995

#BAE992

Triadic

#BAE992

#92BAE9

#E992BA

Split Complementary

#BAE992

#9592E9

#E992E5

Tetradic

#BAE992

#92E5E9

#C192E9

#E99592

Color Blindness Simulation

Original

#BAE992

Protanopia

#CECFA7

Deuteranopia

#CCC8AC

Tritanopia

#BCB8BB

Achromatopsia

#D9D9D9

CSS Usage

background-color: #BAE992;
color: #BAE992;
border-color: #BAE992;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F3C4
300
#BFEA99
400
#9CDF62
500
#79D42B
600
#61AA22
700
#4D881B
800
#3C6A15
900
#2E4D13
950
#1D310C

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.16:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026