#BAF8AD

#BAF8AD

Color Values

HEX

#BAF8AD

RGB

186, 248, 173

HSL

109.6, 84.3%, 82.5%

HSV

109.6, 30.2%, 97.3%

CMYK

25.0%, 0.0%, 30.2%, 2.7%

OKLCH

0.9189 0.1177 140.2

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BAF8AD

#EBADF8

Analogous

#DFF8AD

#ADF8C5

#BAF8AD

Triadic

#BAF8AD

#ADBAF8

#F8ADBA

Split Complementary

#BAF8AD

#C5ADF8

#F8ADDF

Tetradic

#BAF8AD

#ADDFF8

#EBADF8

#F8C5AD

Color Blindness Simulation

Original

#BAF8AD

Protanopia

#D5D5BF

Deuteranopia

#D1CDC4

Tritanopia

#BDCDD1

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F4FDF2
100
#E5FAE0
200
#C8F9BD
300
#A0F58E
400
#6DF051
500
#39EB14
600
#2EBC10
700
#25960D
800
#1D750A
900
#18550C
950
#0F3607

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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