#BADF8A

#BADF8A

Color Values

HEX

#BADF8A

RGB

186, 223, 138

HSL

86.1, 57.0%, 70.8%

HSV

86.1, 38.1%, 87.5%

CMYK

16.6%, 0.0%, 38.1%, 12.5%

OKLCH

0.8572 0.1176 127.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BADF8A

#AF8ADF

Analogous

#DFD98A

#90DF8A

#BADF8A

Triadic

#BADF8A

#8ABADF

#DF8ABA

Split Complementary

#BADF8A

#8A90DF

#D98ADF

Tetradic

#BADF8A

#8ADFD9

#AF8ADF

#DF8A90

Color Blindness Simulation

Original

#BADF8A

Protanopia

#CACA9F

Deuteranopia

#C8C5A4

Tritanopia

#BCAFB2

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E5
200
#DEF0C7
300
#C6E59F
400
#A8D66B
500
#89C837
600
#6EA02C
700
#588023
800
#44641B
900
#344918
950
#212E0F

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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