#BAEAB8

#BAEAB8

Color Values

HEX

#BAEAB8

RGB

186, 234, 184

HSL

117.6, 54.3%, 82.0%

HSV

117.6, 21.4%, 91.8%

CMYK

20.5%, 0.0%, 21.4%, 8.2%

OKLCH

0.8905 0.0839 143.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAEAB8

#E8B8EA

Analogous

#D3EAB8

#B8EACF

#BAEAB8

Triadic

#BAEAB8

#B8BAEA

#EAB8BA

Split Complementary

#BAEAB8

#CFB8EA

#EAB8D3

Tetradic

#BAEAB8

#B8D3EA

#E8B8EA

#EACFB8

Color Blindness Simulation

Original

#BAEAB8

Protanopia

#CFCFC4

Deuteranopia

#CCC8C7

Tritanopia

#BCCED0

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#C9EFC8
300
#A3E3A1
400
#72D46D
500
#40C53A
600
#339D2F
700
#297E25
800
#20621D
900
#1B4819
950
#112E10

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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