#BADFB0

#BADFB0

Color Values

HEX

#BADFB0

RGB

186, 223, 176

HSL

107.2, 42.3%, 78.2%

HSV

107.2, 21.1%, 87.5%

CMYK

16.6%, 0.0%, 21.1%, 12.5%

OKLCH

0.8647 0.0747 139.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BADFB0

#D5B0DF

Analogous

#D1DFB0

#B0DFBD

#BADFB0

Triadic

#BADFB0

#B0BADF

#DFB0BA

Split Complementary

#BADFB0

#BDB0DF

#DFB0D1

Tetradic

#BADFB0

#B0D1DF

#D5B0DF

#DFBDB0

Color Blindness Simulation

Original

#BADFB0

Protanopia

#CACABB

Deuteranopia

#C8C5BE

Tritanopia

#BCC4C6

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F4E7
200
#D3EACC
300
#B3DCA8
400
#8AC979
500
#61B54A
600
#4D913B
700
#3E742F
800
#305B25
900
#26431E
950
#182A13

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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