#BAEDBA

#BAEDBA

Color Values

HEX

#BAEDBA

RGB

186, 237, 186

HSL

120.0, 58.6%, 82.9%

HSV

120.0, 21.5%, 92.9%

CMYK

21.5%, 0.0%, 21.5%, 7.1%

OKLCH

0.8975 0.0866 144.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAEDBA

#EDBAED

Analogous

#D3EDBA

#BAEDD3

#BAEDBA

Triadic

#BAEDBA

#BABAED

#EDBABA

Split Complementary

#BAEDBA

#D3BAED

#EDBAD3

Tetradic

#BAEDBA

#BAD3ED

#EDBAED

#EDD3BA

Color Blindness Simulation

Original

#BAEDBA

Protanopia

#D0D1C6

Deuteranopia

#CDC9C9

Tritanopia

#BDD0D2

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E4F6E4
200
#C6F0C6
300
#9EE69E
400
#69D869
500
#35CA35
600
#2AA22A
700
#228122
800
#1A651A
900
#174A17
950
#0E2F0E

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.91:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026