#BADAB1

#BADAB1

Color Values

HEX

#BADAB1

RGB

186, 218, 177

HSL

106.8, 35.7%, 77.5%

HSV

106.8, 18.8%, 85.5%

CMYK

14.7%, 0.0%, 18.8%, 14.5%

OKLCH

0.8541 0.0653 138.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BADAB1

#D1B1DA

Analogous

#CFDAB1

#B1DABD

#BADAB1

Triadic

#BADAB1

#B1BADA

#DAB1BA

Split Complementary

#BADAB1

#BDB1DA

#DAB1CF

Tetradic

#BADAB1

#B1CFDA

#D1B1DA

#DABDB1

Color Blindness Simulation

Original

#BADAB1

Protanopia

#C8C8BB

Deuteranopia

#C6C4BD

Tritanopia

#BCC3C4

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF3E8
200
#D4E8CF
300
#B6D8AC
400
#8EC27F
500
#66AD52
600
#528A42
700
#416F34
800
#335729
900
#284021
950
#192815

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026