#BAE7C3

#BAE7C3

Color Values

HEX

#BAE7C3

RGB

186, 231, 195

HSL

132.0, 48.4%, 81.8%

HSV

132.0, 19.5%, 90.6%

CMYK

19.5%, 0.0%, 15.6%, 9.4%

OKLCH

0.8866 0.0678 150.8

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BAE7C3

#E7BADE

Analogous

#C8E7BA

#BAE7DA

#BAE7C3

Triadic

#BAE7C3

#C3BAE7

#E7C3BA

Split Complementary

#BAE7C3

#DABAE7

#E7BAC8

Tetradic

#BAE7C3

#BAC8E7

#E7BADE

#E7DABA

Color Blindness Simulation

Original

#BAE7C3

Protanopia

#CDCECC

Deuteranopia

#CBC8CE

Tritanopia

#BCD3D4

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E9
200
#CAEDD1
300
#A4DFB0
400
#73CE85
500
#42BD5A
600
#359748
700
#2A793A
800
#215F2D
900
#1B4624
950
#112C17

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.31:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026