#BAD992

#BAD992

Color Values

HEX

#BAD992

RGB

186, 217, 146

HSL

86,2, 48,3%, 71,2%

HSV

86,2, 32,7%, 85,1%

CMYK

14,3%, 0,0%, 32,7%, 14,9%

OKLCH

0,8454 0,0997 127,6

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BAD992

#B192D9

Analogous

#D9D592

#97D992

#BAD992

Triadic

#BAD992

#92BAD9

#D992BA

Split Complementary

#BAD992

#9297D9

#D592D9

Tetradic

#BAD992

#92D9D5

#B192D9

#D99297

Color Blindness Simulation

Original

#BAD992

Protanopia

#C7C8A3

Deuteranopia

#C6C3A7

Tritanopia

#BCB1B4

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DDEDCA
300
#C6DFA4
400
#A6CE73
500
#87BD42
600
#6C9735
700
#57792A
800
#445F21
900
#33461B
950
#202C11

Contrast Checker

Text on white

1,56:1

AA Fail AAA Fail

Text on black

13,43:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026