#BADC93

#BADC93

Color Values

HEX

#BADC93

RGB

186, 220, 147

HSL

87.9, 51.0%, 72.0%

HSV

87.9, 33.2%, 86.3%

CMYK

15.5%, 0.0%, 33.2%, 13.7%

OKLCH

0.8522 0.1031 128.7

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BADC93

#B593DC

Analogous

#DCD993

#96DC93

#BADC93

Triadic

#BADC93

#93BADC

#DC93BA

Split Complementary

#BADC93

#9396DC

#D993DC

Tetradic

#BADC93

#93DCD9

#B593DC

#DC9396

Color Blindness Simulation

Original

#BADC93

Protanopia

#C9C9A5

Deuteranopia

#C7C4A9

Tritanopia

#BCB3B6

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DDEEC9
300
#C4E1A3
400
#A4D171
500
#84C13E
600
#6A9A32
700
#557B28
800
#42601F
900
#32471A
950
#202D11

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

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