#BAF2AD

#BAF2AD

Color Values

HEX

#BAF2AD

RGB

186, 242, 173

HSL

108.7, 72.6%, 81.4%

HSV

108.7, 28.5%, 94.9%

CMYK

23.1%, 0.0%, 28.5%, 5.1%

OKLCH

0.9056 0.1084 139.8

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BAF2AD

#E5ADF2

Analogous

#DDF2AD

#ADF2C3

#BAF2AD

Triadic

#BAF2AD

#ADBAF2

#F2ADBA

Split Complementary

#BAF2AD

#C3ADF2

#F2ADDD

Tetradic

#BAF2AD

#ADDDF2

#E5ADF2

#F2C3AD

Color Blindness Simulation

Original

#BAF2AD

Protanopia

#D2D3BE

Deuteranopia

#CFCBC2

Tritanopia

#BDCBCE

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E6F8E2
200
#CBF5C1
300
#A6EE95
400
#76E55C
500
#46DC23
600
#38B01C
700
#2D8D16
800
#236E11
900
#1D5011
950
#12330B

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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