#BAEEB3

#BAEEB3

Color Values

HEX

#BAEEB3

RGB

186, 238, 179

HSL

112,9, 63,4%, 81,8%

HSV

112,9, 24,8%, 93,3%

CMYK

21,8%, 0,0%, 24,8%, 6,7%

OKLCH

0,8981 0,0956 141,7

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#BAEEB3

#E7B3EE

Analogous

#D8EEB3

#B3EECA

#BAEEB3

Triadic

#BAEEB3

#B3BAEE

#EEB3BA

Split Complementary

#BAEEB3

#CAB3EE

#EEB3D8

Tetradic

#BAEEB3

#B3D8EE

#E7B3EE

#EECAB3

Color Blindness Simulation

Original

#BAEEB3

Protanopia

#D1D1C1

Deuteranopia

#CECAC5

Tritanopia

#BDCDCF

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E6F7E4
200
#CAF2C5
300
#A4E99B
400
#73DC65
500
#42D02F
600
#35A725
700
#2A851E
800
#216817
900
#1B4C15
950
#11300D

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,97:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026