#BAF1B4

#BAF1B4

Color Values

HEX

#BAF1B4

RGB

186, 241, 180

HSL

114.1, 68.5%, 82.5%

HSV

114.1, 25.3%, 94.5%

CMYK

22.8%, 0.0%, 25.3%, 5.5%

OKLCH

0.9049 0.0993 142.2

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#BAF1B4

#EBB4F1

Analogous

#D8F1B4

#B4F1CC

#BAF1B4

Triadic

#BAF1B4

#B4BAF1

#F1B4BA

Split Complementary

#BAF1B4

#CCB4F1

#F1B4D8

Tetradic

#BAF1B4

#B4D8F1

#EBB4F1

#F1CCB4

Color Blindness Simulation

Original

#BAF1B4

Protanopia

#D2D2C3

Deuteranopia

#CFCAC6

Tritanopia

#BDCED1

Achromatopsia

#E1E1E1

CSS Usage

background-color: #BAF1B4;
color: #BAF1B4;
border-color: #BAF1B4;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F4FCF3
100
#E5F8E3
200
#C8F4C3
300
#A0EC98
400
#6DE160
500
#39D728
600
#2EAC20
700
#25891A
800
#1D6B14
900
#184E13
950
#0F310C

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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