#AFFCAD

#AFFCAD

Color Values

HEX

#AFFCAD

RGB

175, 252, 173

HSL

118.5, 92.9%, 83.3%

HSV

118.5, 31.3%, 98.8%

CMYK

30.6%, 0.0%, 31.3%, 1.2%

OKLCH

0.9215 0.1302 143.8

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#AFFCAD

#FAADFC

Analogous

#D6FCAD

#ADFCD2

#AFFCAD

Triadic

#AFFCAD

#ADAFFC

#FCADAF

Split Complementary

#AFFCAD

#D2ADFC

#FCADD6

Tetradic

#AFFCAD

#ADD6FC

#FAADFC

#FCD2AD

Color Blindness Simulation

Original

#AFFCAD

Protanopia

#D0D1C0

Deuteranopia

#CCC6C5

Tritanopia

#B3CFD3

Achromatopsia

#E6E6E6

CSS Usage

background-color: #AFFCAD;
color: #AFFCAD;
border-color: #AFFCAD;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BCFCBA
300
#8CFB89
400
#4DF849
500
#0FF609
600
#0CC507
700
#0A9D06
800
#077B05
900
#0A5908
950
#063805

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026