#BADFBF

#BADFBF

Color Values

HEX

#BADFBF

RGB

186, 223, 191

HSL

128.1, 36.6%, 80.2%

HSV

128.1, 16.6%, 87.5%

CMYK

16.6%, 0.0%, 14.3%, 12.5%

OKLCH

0.8683 0.0586 148.9

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BADFBF

#DFBADA

Analogous

#C8DFBA

#BADFD1

#BADFBF

Triadic

#BADFBF

#BFBADF

#DFBFBA

Split Complementary

#BADFBF

#D1BADF

#DFBAC8

Tetradic

#BADFBF

#BAC8DF

#DFBADA

#DFD1BA

Color Blindness Simulation

Original

#BADFBF

Protanopia

#CACAC7

Deuteranopia

#C8C5C9

Tritanopia

#BCCDCE

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3E9
200
#CEE8D2
300
#ABD8B1
400
#7EC387
500
#51AE5D
600
#418B4B
700
#346F3C
800
#28572F
900
#204025
950
#152917

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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