#BAE795

#BAE795

Color Values

HEX

#BAE795

RGB

186, 231, 149

HSL

92.9, 63.1%, 74.5%

HSV

92.9, 35.5%, 90.6%

CMYK

19.5%, 0.0%, 35.5%, 9.4%

OKLCH

0.8768 0.1175 131.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAE795

#C295E7

Analogous

#E3E795

#95E799

#BAE795

Triadic

#BAE795

#95BAE7

#E795BA

Split Complementary

#BAE795

#9995E7

#E795E3

Tetradic

#BAE795

#95E3E7

#C295E7

#E79995

Color Blindness Simulation

Original

#BAE795

Protanopia

#CDCEA9

Deuteranopia

#CBC8AE

Tritanopia

#BCB9BC

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D9F2C5
300
#BEE89B
400
#9BDC65
500
#78D02F
600
#60A626
700
#4D851E
800
#3C6818
900
#2E4C15
950
#1D300D

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.95:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026