#BAD898

#BAD898

Color Values

HEX

#BAD898

RGB

186, 216, 152

HSL

88.1, 45.1%, 72.2%

HSV

88.1, 29.6%, 84.7%

CMYK

13.9%, 0.0%, 29.6%, 15.3%

OKLCH

0.8444 0.0912 128.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAD898

#B698D8

Analogous

#D8D698

#9AD898

#BAD898

Triadic

#BAD898

#98BAD8

#D898BA

Split Complementary

#BAD898

#989AD8

#D698D8

Tetradic

#BAD898

#98D8D6

#B698D8

#D8989A

Color Blindness Simulation

Original

#BAD898

Protanopia

#C7C7A7

Deuteranopia

#C5C3AB

Tritanopia

#BCB4B6

Achromatopsia

#CDCDCD

CSS Usage

background-color: #BAD898;
color: #BAD898;
border-color: #BAD898;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DCEBCB
300
#C4DDA6
400
#A3CB76
500
#83B946
600
#699438
700
#54762D
800
#425D23
900
#32441D
950
#1F2B12

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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