#AADFB6

#AADFB6

Color Values

HEX

#AADFB6

RGB

170, 223, 182

HSL

133.6, 45.3%, 77.1%

HSV

133.6, 23.8%, 87.5%

CMYK

23.8%, 0.0%, 18.4%, 12.5%

OKLCH

0.8559 0.0787 151.4

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#AADFB6

#DFAAD3

Analogous

#B9DFAA

#AADFD1

#AADFB6

Triadic

#AADFB6

#B6AADF

#DFB6AA

Split Complementary

#AADFB6

#D1AADF

#DFAAB9

Tetradic

#AADFB6

#AAB9DF

#DFAAD3

#DFD1AA

Color Blindness Simulation

Original

#AADFB6

Protanopia

#C1C1C0

Deuteranopia

#BEBAC2

Tritanopia

#ADC8C9

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F4FAF6
100
#E6F4E9
200
#CBEBD2
300
#A6DEB3
400
#76CB89
500
#46B960
600
#38944D
700
#2D773D
800
#235D30
900
#1D4426
950
#122B18

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.94:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026