#BAF189

#BAF189

Color Values

HEX

#BAF189

RGB

186, 241, 137

HSL

91,7, 78,8%, 74,1%

HSV

91,7, 43,2%, 94,5%

CMYK

22,8%, 0,0%, 43,2%, 5,5%

OKLCH

0,8971 0,1449 131,5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAF189

#C089F1

Analogous

#EEF189

#89F18C

#BAF189

Triadic

#BAF189

#89BAF1

#F189BA

Split Complementary

#BAF189

#8C89F1

#F189EE

Tetradic

#BAF189

#89EEF1

#C089F1

#F18C89

Color Blindness Simulation

Original

#BAF189

Protanopia

#D2D2A2

Deuteranopia

#CFCAA8

Tritanopia

#BDB6BA

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#ECF9E1
200
#DAF7BF
300
#BFF292
400
#9CEB56
500
#7AE41B
600
#61B616
700
#4E9211
800
#3D720E
900
#2F530E
950
#1D3409

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

16,03: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