#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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026