#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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026