#BAD495

#BAD495

Color Values

HEX

#BAD495

RGB

186, 212, 149

HSL

84.8, 42.3%, 70.8%

HSV

84.8, 29.7%, 83.1%

CMYK

12.3%, 0.0%, 29.7%, 16.9%

OKLCH

0.8351 0.0886 126.5

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#BAD495

#AF95D4

Analogous

#D4CF95

#9BD495

#BAD495

Triadic

#BAD495

#95BAD4

#D495BA

Split Complementary

#BAD495

#959BD4

#CF95D4

Tetradic

#BAD495

#95D4CF

#AF95D4

#D4959B

Color Blindness Simulation

Original

#BAD495

Protanopia

#C5C5A4

Deuteranopia

#C4C2A8

Tritanopia

#BBB0B3

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DEEACC
300
#C6DCA8
400
#A8C979
500
#89B54A
600
#6D913B
700
#58742F
800
#445B25
900
#34431E
950
#212A13

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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