#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026