#BADAA5

#BADAA5

Color Values

HEX

#BADAA5

RGB

186, 218, 165

HSL

96.2, 41.7%, 75.1%

HSV

96.2, 24.3%, 85.5%

CMYK

14.7%, 0.0%, 24.3%, 14.5%

OKLCH

0.8514 0.0791 133.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BADAA5

#C5A5DA

Analogous

#D5DAA5

#A5DAAA

#BADAA5

Triadic

#BADAA5

#A5BADA

#DAA5BA

Split Complementary

#BADAA5

#AAA5DA

#DAA5D5

Tetradic

#BADAA5

#A5D5DA

#C5A5DA

#DAAAA5

Color Blindness Simulation

Original

#BADAA5

Protanopia

#C8C8B2

Deuteranopia

#C6C4B5

Tritanopia

#BCBCBE

Achromatopsia

#CFCFCF

CSS Usage

background-color: #BADAA5;
color: #BADAA5;
border-color: #BADAA5;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8EACC
300
#BDDBA8
400
#99C879
500
#75B54A
600
#5D913B
700
#4B7430
800
#3A5A25
900
#2D431E
950
#1C2A13

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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