#BAF17E

#BAF17E

Color Values

HEX

#BAF17E

RGB

186, 241, 126

HSL

88.7, 80.4%, 72.0%

HSV

88.7, 47.7%, 94.5%

CMYK

22.8%, 0.0%, 47.7%, 5.5%

OKLCH

0.8955 0.1558 130.0

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BAF17E

#B57EF1

Analogous

#F1EF7E

#81F17E

#BAF17E

Triadic

#BAF17E

#7EBAF1

#F17EBA

Split Complementary

#BAF17E

#7E81F1

#EF7EF1

Tetradic

#BAF17E

#7EF1EF

#B57EF1

#F17E81

Color Blindness Simulation

Original

#BAF17E

Protanopia

#D2D29A

Deuteranopia

#CFCAA0

Tritanopia

#BDB0B5

Achromatopsia

#DDDDDD

CSS Usage

background-color: #BAF17E;
color: #BAF17E;
border-color: #BAF17E;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FDF2
100
#EEF9E1
200
#DDF8BF
300
#C4F391
400
#A4ED55
500
#84E619
600
#6AB814
700
#549310
800
#42730C
900
#32540D
950
#203508

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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