#BAE7C4

#BAE7C4

Color Values

HEX

#BAE7C4

RGB

186, 231, 196

HSL

133.3, 48.4%, 81.8%

HSV

133.3, 19.5%, 90.6%

CMYK

19.5%, 0.0%, 15.2%, 9.4%

OKLCH

0.8868 0.0668 151.6

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BAE7C4

#E7BADD

Analogous

#C7E7BA

#BAE7DB

#BAE7C4

Triadic

#BAE7C4

#C4BAE7

#E7C4BA

Split Complementary

#BAE7C4

#DBBAE7

#E7BAC7

Tetradic

#BAE7C4

#BAC7E7

#E7BADD

#E7DBBA

Color Blindness Simulation

Original

#BAE7C4

Protanopia

#CDCECC

Deuteranopia

#CBC8CE

Tritanopia

#BCD3D5

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F4FAF6
100
#E6F4E9
200
#CAEDD2
300
#A4DFB1
400
#73CE87
500
#42BD5D
600
#35974B
700
#2A793C
800
#215F2F
900
#1B4625
950
#112C17

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.32: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