#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026