#BADDBD

#BADDBD

Color Values

HEX

#BADDBD

RGB

186, 221, 189

HSL

125,1, 34,0%, 79,8%

HSV

125,1, 15,8%, 86,7%

CMYK

15,8%, 0,0%, 14,5%, 13,3%

OKLCH

0,8635 0,0573 147,4

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BADDBD

#DDBADA

Analogous

#C9DDBA

#BADDCE

#BADDBD

Triadic

#BADDBD

#BDBADD

#DDBDBA

Split Complementary

#BADDBD

#CEBADD

#DDBAC9

Tetradic

#BADDBD

#BAC9DD

#DDBADA

#DDCEBA

Color Blindness Simulation

Original

#BADDBD

Protanopia

#C9C9C5

Deuteranopia

#C7C4C7

Tritanopia

#BCCBCC

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2E9
200
#CFE7D1
300
#ADD7B1
400
#81C186
500
#54AB5C
600
#438949
700
#366D3B
800
#2A552E
900
#223F24
950
#152817

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,17: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