#BAED8A

#BAED8A

Color Values

HEX

#BAED8A

RGB

186, 237, 138

HSL

90.9, 73.3%, 73.5%

HSV

90.9, 41.8%, 92.9%

CMYK

21.5%, 0.0%, 41.8%, 7.1%

OKLCH

0.8883 0.1381 131.0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAED8A

#BD8AED

Analogous

#EBED8A

#8AED8B

#BAED8A

Triadic

#BAED8A

#8ABAED

#ED8ABA

Split Complementary

#BAED8A

#8B8AED

#ED8AEB

Tetradic

#BAED8A

#8AEBED

#BD8AED

#ED8B8A

Color Blindness Simulation

Original

#BAED8A

Protanopia

#D0D1A2

Deuteranopia

#CDC9A8

Tritanopia

#BDB5B9

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF8E2
200
#DBF5C1
300
#C0EF95
400
#9FE65B
500
#7DDD22
600
#64B11B
700
#508D16
800
#3E6E11
900
#2F5010
950
#1E330A

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.57: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