#BAE1CE

#BAE1CE

Color Values

HEX

#BAE1CE

RGB

186, 225, 206

HSL

150.8, 39.4%, 80.6%

HSV

150.8, 17.3%, 88.2%

CMYK

17.3%, 0.0%, 8.4%, 11.8%

OKLCH

0.8765 0.0485 164.2

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#BAE1CE

#E1BACD

Analogous

#BAE1BB

#BAE1E1

#BAE1CE

Triadic

#BAE1CE

#CEBAE1

#E1CEBA

Split Complementary

#BAE1CE

#E1BAE1

#E1BBBA

Tetradic

#BAE1CE

#BBBAE1

#E1BACD

#E1E1BA

Color Blindness Simulation

Original

#BAE1CE

Protanopia

#CBCBD3

Deuteranopia

#C9C6D4

Tritanopia

#BCD6D7

Achromatopsia

#D7D7D7

CSS Usage

background-color: #BAE1CE;
color: #BAE1CE;
border-color: #BAE1CE;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDE9DC
300
#AADAC2
400
#7BC6A2
500
#4DB281
600
#3E8E67
700
#317252
800
#275940
900
#1F4231
950
#14291F

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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