#BAFCC9

#BAFCC9

Color Values

HEX

#BAFCC9

RGB

186, 252, 201

HSL

133,6, 91,7%, 85,9%

HSV

133,6, 26,2%, 98,8%

CMYK

26,2%, 0,0%, 20,2%, 1,2%

OKLCH

0,9337 0,0955 151,2

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BAFCC9

#FCBAED

Analogous

#CCFCBA

#BAFCEA

#BAFCC9

Triadic

#BAFCC9

#C9BAFC

#FCC9BA

Split Complementary

#BAFCC9

#EABAFC

#FCBACC

Tetradic

#BAFCC9

#BACCFC

#FCBAED

#FCEABA

Color Blindness Simulation

Original

#BAFCC9

Protanopia

#D7D7D5

Deuteranopia

#D3CED8

Tritanopia

#BDDFE1

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F1FDF4
100
#DFFBE6
200
#BBFCC9
300
#8AFAA3
400
#4AF771
500
#0BF440
600
#08C433
700
#079C29
800
#057A20
900
#08581B
950
#053811

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026