#BADDAC

#BADDAC

Color Values

HEX

#BADDAC

RGB

186, 221, 172

HSL

102.9, 41.9%, 77.1%

HSV

102.9, 22.2%, 86.7%

CMYK

15.8%, 0.0%, 22.2%, 13.3%

OKLCH

0.8595 0.0759 136.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BADDAC

#CFACDD

Analogous

#D3DDAC

#ACDDB7

#BADDAC

Triadic

#BADDAC

#ACBADD

#DDACBA

Split Complementary

#BADDAC

#B7ACDD

#DDACD3

Tetradic

#BADDAC

#ACD3DD

#CFACDD

#DDB7AC

Color Blindness Simulation

Original

#BADDAC

Protanopia

#C9C9B8

Deuteranopia

#C7C4BB

Tritanopia

#BCC1C3

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF4E7
200
#D5EACC
300
#B7DBA8
400
#90C879
500
#69B54A
600
#54913B
700
#43742F
800
#345A25
900
#29431E
950
#1A2A13

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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