#BAEBB4

#BAEBB4

Color Values

HEX

#BAEBB4

RGB

186, 235, 180

HSL

113.5, 57.9%, 81.4%

HSV

113.5, 23.4%, 92.2%

CMYK

20.9%, 0.0%, 23.4%, 7.8%

OKLCH

0.8918 0.0898 142.0

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAEBB4

#E5B4EB

Analogous

#D6EBB4

#B4EBCA

#BAEBB4

Triadic

#BAEBB4

#B4BAEB

#EBB4BA

Split Complementary

#BAEBB4

#CAB4EB

#EBB4D6

Tetradic

#BAEBB4

#B4D6EB

#E5B4EB

#EBCAB4

Color Blindness Simulation

Original

#BAEBB4

Protanopia

#CFD0C1

Deuteranopia

#CCC9C4

Tritanopia

#BCCCCE

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F6E4
200
#CBF0C7
300
#A6E59E
400
#76D76A
500
#46C936
600
#38A12B
700
#2D8122
800
#23651B
900
#1D4A17
950
#122F0F

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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