#BAF895

#BAF895

Color Values

HEX

#BAF895

RGB

186, 248, 149

HSL

97,6, 87,6%, 77,8%

HSV

97,6, 39,9%, 97,3%

CMYK

25,0%, 0,0%, 39,9%, 2,7%

OKLCH

0,9146 0,1428 134,6

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#BAF895

#D395F8

Analogous

#EBF895

#95F8A1

#BAF895

Triadic

#BAF895

#95BAF8

#F895BA

Split Complementary

#BAF895

#A195F8

#F895EB

Tetradic

#BAF895

#95EBF8

#D395F8

#F8A195

Color Blindness Simulation

Original

#BAF895

Protanopia

#D5D5AD

Deuteranopia

#D1CDB3

Tritanopia

#BDC0C4

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFAE0
200
#D3FBBC
300
#B4F78C
400
#8CF34E
500
#63EF10
600
#4FBF0D
700
#3F990A
800
#327808
900
#27570A
950
#183706

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

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