#BAD073

#BAD073

Color Values

HEX

#BAD073

RGB

186, 208, 115

HSL

74.2, 49.7%, 63.3%

HSV

74.2, 44.7%, 81.6%

CMYK

10.6%, 0.0%, 44.7%, 18.4%

OKLCH

0.8205 0.1213 120.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAD073

#8973D0

Analogous

#D0B773

#8BD073

#BAD073

Triadic

#BAD073

#73BAD0

#D073BA

Split Complementary

#BAD073

#738BD0

#B773D0

Tetradic

#BAD073

#73D0B7

#8973D0

#D0738B

Color Blindness Simulation

Original

#BAD073

Protanopia

#C4C489

Deuteranopia

#C2C18F

Tritanopia

#BB9B9F

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F5E6
200
#E5EDCA
300
#D2E0A3
400
#B9D072
500
#A1BF40
600
#819933
700
#677A29
800
#505F20
900
#3C461B
950
#262C11

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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