#AFDDB8

#AFDDB8

Color Values

HEX

#AFDDB8

RGB

175, 221, 184

HSL

131,7, 40,4%, 77,6%

HSV

131,7, 20,8%, 86,7%

CMYK

20,8%, 0,0%, 16,7%, 13,3%

OKLCH

0,8551 0,07 150,6

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#AFDDB8

#DDAFD4

Analogous

#BDDDAF

#AFDDCF

#AFDDB8

Triadic

#AFDDB8

#B8AFDD

#DDB8AF

Split Complementary

#AFDDB8

#CFAFDD

#DDAFBD

Tetradic

#AFDDB8

#AFBDDD

#DDAFD4

#DDCFAF

Color Blindness Simulation

Original

#AFDDB8

Protanopia

#C3C3C1

Deuteranopia

#C0BDC3

Tritanopia

#B1C8CA

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CDEAD3
300
#A9DBB3
400
#7BC789
500
#4CB360
600
#3D8F4D
700
#31733D
800
#265A30
900
#1F4226
950
#132A18

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026