#BAFCC4

#BAFCC4

Color Values

HEX

#BAFCC4

RGB

186, 252, 196

HSL

129,1, 91,7%, 85,9%

HSV

129,1, 26,2%, 98,8%

CMYK

26,2%, 0,0%, 22,2%, 1,2%

OKLCH

0,9325 0,1004 148,8

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BAFCC4

#FCBAF2

Analogous

#D1FCBA

#BAFCE5

#BAFCC4

Triadic

#BAFCC4

#C4BAFC

#FCC4BA

Split Complementary

#BAFCC4

#E5BAFC

#FCBAD1

Tetradic

#BAFCC4

#BAD1FC

#FCBAF2

#FCE5BA

Color Blindness Simulation

Original

#BAFCC4

Protanopia

#D7D7D2

Deuteranopia

#D3CED5

Tritanopia

#BDDCDF

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE3
200
#BBFCC4
300
#8AFA9B
400
#4AF764
500
#0BF42E
600
#08C425
700
#079C1D
800
#057A17
900
#085815
950
#05380D

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,81: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