#BAEEAF

#BAEEAF

Color Values

HEX

#BAEEAF

RGB

186, 238, 175

HSL

109.5, 64.9%, 81.0%

HSV

109.5, 26.5%, 93.3%

CMYK

21.8%, 0.0%, 26.5%, 6.7%

OKLCH

0.8973 0.0999 140.2

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#BAEEAF

#E3AFEE

Analogous

#DAEEAF

#AFEEC4

#BAEEAF

Triadic

#BAEEAF

#AFBAEE

#EEAFBA

Split Complementary

#BAEEAF

#C4AFEE

#EEAFDA

Tetradic

#BAEEAF

#AFDAEE

#E3AFEE

#EEC4AF

Color Blindness Simulation

Original

#BAEEAF

Protanopia

#D1D1BE

Deuteranopia

#CECAC2

Tritanopia

#BDCACD

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E7F7E3
200
#CCF2C4
300
#A8EA9A
400
#79DE63
500
#4AD22D
600
#3BA824
700
#2F871D
800
#256916
900
#1E4D14
950
#13300D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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