#BAEAB7

#BAEAB7

Color Values

HEX

#BAEAB7

RGB

186, 234, 183

HSL

116.5, 54.8%, 81.8%

HSV

116.5, 21.8%, 91.8%

CMYK

20.5%, 0.0%, 21.8%, 8.2%

OKLCH

0.8902 0.0849 143.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAEAB7

#E7B7EA

Analogous

#D4EAB7

#B7EACE

#BAEAB7

Triadic

#BAEAB7

#B7BAEA

#EAB7BA

Split Complementary

#BAEAB7

#CEB7EA

#EAB7D4

Tetradic

#BAEAB7

#B7D4EA

#E7B7EA

#EACEB7

Color Blindness Simulation

Original

#BAEAB7

Protanopia

#CFCFC3

Deuteranopia

#CCC8C6

Tritanopia

#BCCDCF

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#CAEFC8
300
#A4E3A0
400
#73D46D
500
#42C53A
600
#359E2E
700
#2A7E25
800
#21631D
900
#1B4819
950
#112E10

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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