#BADEBC

#BADEBC

Color Values

HEX

#BADEBC

RGB

186, 222, 188

HSL

123.3, 35.3%, 80.0%

HSV

123.3, 16.2%, 87.1%

CMYK

16.2%, 0.0%, 15.3%, 12.9%

OKLCH

0.8654 0.06 146.5

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BADEBC

#DEBADC

Analogous

#CADEBA

#BADECE

#BADEBC

Triadic

#BADEBC

#BCBADE

#DEBCBA

Split Complementary

#BADEBC

#CEBADE

#DEBACA

Tetradic

#BADEBC

#BACADE

#DEBADC

#DECEBA

Color Blindness Simulation

Original

#BADEBC

Protanopia

#CACAC4

Deuteranopia

#C8C5C6

Tritanopia

#BCCBCC

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CFE8D0
300
#ACD7AF
400
#7FC283
500
#52AD57
600
#428A46
700
#356E38
800
#29562C
900
#214023
950
#152816

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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