#BADC9F

#BADC9F

Color Values

HEX

#BADC9F

RGB

186, 220, 159

HSL

93.4, 46.6%, 74.3%

HSV

93.4, 27.7%, 86.3%

CMYK

15.5%, 0.0%, 27.7%, 13.7%

OKLCH

0.8545 0.0893 131.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BADC9F

#C19FDC

Analogous

#D9DC9F

#9FDCA2

#BADC9F

Triadic

#BADC9F

#9FBADC

#DC9FBA

Split Complementary

#BADC9F

#A29FDC

#DC9FD9

Tetradic

#BADC9F

#9FD9DC

#C19FDC

#DCA29F

Color Blindness Simulation

Original

#BADC9F

Protanopia

#C9C9AE

Deuteranopia

#C7C4B1

Tritanopia

#BCB9BC

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D9ECCB
300
#BFDEA5
400
#9CCD75
500
#79BB44
600
#619636
700
#4D782C
800
#3C5D22
900
#2E451C
950
#1D2B12

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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