#BAE1BF

#BAE1BF

Color Values

HEX

#BAE1BF

RGB

186, 225, 191

HSL

127.7, 39.4%, 80.6%

HSV

127.7, 17.3%, 88.2%

CMYK

17.3%, 0.0%, 15.1%, 11.8%

OKLCH

0.8726 0.0619 148.6

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BAE1BF

#E1BADC

Analogous

#C9E1BA

#BAE1D3

#BAE1BF

Triadic

#BAE1BF

#BFBAE1

#E1BFBA

Split Complementary

#BAE1BF

#D3BAE1

#E1BAC9

Tetradic

#BAE1BF

#BAC9E1

#E1BADC

#E1D3BA

Color Blindness Simulation

Original

#BAE1BF

Protanopia

#CBCBC7

Deuteranopia

#C9C6C9

Tritanopia

#BCCECF

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CDE9D1
300
#AADAB0
400
#7BC685
500
#4DB25A
600
#3E8E48
700
#31723A
800
#27592D
900
#1F4224
950
#142917

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026