#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026