#BAEDC6

#BAEDC6

Color Values

HEX

#BAEDC6

RGB

186, 237, 198

HSL

134.1, 58.6%, 82.9%

HSV

134.1, 21.5%, 92.9%

CMYK

21.5%, 0.0%, 16.5%, 7.1%

OKLCH

0.9003 0.0746 151.9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAEDC6

#EDBAE1

Analogous

#C7EDBA

#BAEDDF

#BAEDC6

Triadic

#BAEDC6

#C6BAED

#EDC6BA

Split Complementary

#BAEDC6

#DFBAED

#EDBAC7

Tetradic

#BAEDC6

#BAC7ED

#EDBAE1

#EDDFBA

Color Blindness Simulation

Original

#BAEDC6

Protanopia

#D0D1CF

Deuteranopia

#CDC9D2

Tritanopia

#BDD7D9

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E4F6E8
200
#C6F0D0
300
#9EE6AF
400
#69D883
500
#35CA58
600
#2AA246
700
#228138
800
#1A652C
900
#174A23
950
#0E2F16

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.02:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026