#BAF687

#BAF687

Color Values

HEX

#BAF687

RGB

186, 246, 135

HSL

92.4, 86.0%, 74.7%

HSV

92.4, 45.1%, 96.5%

CMYK

24.4%, 0.0%, 45.1%, 3.5%

OKLCH

0.908 0.154 132.0

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BAF687

#C387F6

Analogous

#F2F687

#87F68B

#BAF687

Triadic

#BAF687

#87BAF6

#F687BA

Split Complementary

#BAF687

#8B87F6

#F687F2

Tetradic

#BAF687

#87F2F6

#C387F6

#F68B87

Color Blindness Simulation

Original

#BAF687

Protanopia

#D4D5A2

Deuteranopia

#D0CCA8

Tritanopia

#BDB7BC

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECFAE0
200
#D9FABD
300
#BEF68D
400
#9AF250
500
#77ED12
600
#5FBE0E
700
#4C980B
800
#3B7709
900
#2D560B
950
#1D3607

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026