#BAFDCE

#BAFDCE

Color Values

HEX

#BAFDCE

RGB

186, 253, 206

HSL

137.9, 94.4%, 86.1%

HSV

137.9, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 18.6%, 0.8%

OKLCH

0.937 0.0924 153.8

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BAFDCE

#FDBAE9

Analogous

#C8FDBA

#BAFDF0

#BAFDCE

Triadic

#BAFDCE

#CEBAFD

#FDCEBA

Split Complementary

#BAFDCE

#F0BAFD

#FDBAC8

Tetradic

#BAFDCE

#BAC8FD

#FDBAE9

#FDF0BA

Color Blindness Simulation

Original

#BAFDCE

Protanopia

#D7D8D9

Deuteranopia

#D3CEDC

Tritanopia

#BDE2E4

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F1FDF5
100
#DFFBE7
200
#BAFDCE
300
#88FCAA
400
#48FA7D
500
#07F84F
600
#06C63F
700
#059F33
800
#047C27
900
#075A20
950
#053914

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026