#AFDEAB

#AFDEAB

Color Values

HEX

#AFDEAB

RGB

175, 222, 171

HSL

115,3, 43,6%, 77,1%

HSV

115,3, 23,0%, 87,1%

CMYK

21,2%, 0,0%, 23,0%, 12,9%

OKLCH

0,8542 0,0851 142,8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#AFDEAB

#DAABDE

Analogous

#C9DEAB

#ABDEC1

#AFDEAB

Triadic

#AFDEAB

#ABAFDE

#DEABAF

Split Complementary

#AFDEAB

#C1ABDE

#DEABC9

Tetradic

#AFDEAB

#ABC9DE

#DAABDE

#DEC1AB

Color Blindness Simulation

Original

#AFDEAB

Protanopia

#C3C4B7

Deuteranopia

#C1BDBA

Tritanopia

#B1C1C3

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F4E7
200
#CEEBCC
300
#ABDCA7
400
#7ECA78
500
#51B748
600
#40923A
700
#34752E
800
#285C24
900
#20431D
950
#142B13

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,86: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