#BADFA6

#BADFA6

Color Values

HEX

#BADFA6

RGB

186, 223, 166

HSL

98.9, 47.1%, 76.3%

HSV

98.9, 25.6%, 87.5%

CMYK

16.6%, 0.0%, 25.6%, 12.5%

OKLCH

0.8625 0.086 134.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BADFA6

#CBA6DF

Analogous

#D7DFA6

#A6DFAF

#BADFA6

Triadic

#BADFA6

#A6BADF

#DFA6BA

Split Complementary

#BADFA6

#AFA6DF

#DFA6D7

Tetradic

#BADFA6

#A6D7DF

#CBA6DF

#DFAFA6

Color Blindness Simulation

Original

#BADFA6

Protanopia

#CACAB4

Deuteranopia

#C8C5B7

Tritanopia

#BCBFC1

Achromatopsia

#D3D3D3

CSS Usage

background-color: #BADFA6;
color: #BADFA6;
border-color: #BADFA6;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6FAF4
100
#EBF4E6
200
#D6ECCA
300
#B9DFA5
400
#93CD74
500
#6EBC43
600
#589636
700
#46782B
800
#375E22
900
#2A451C
950
#1B2C12

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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