#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