#AFDEB5

#AFDEB5

Color Values

HEX

#AFDEB5

RGB

175, 222, 181

HSL

127.7, 41.6%, 77.8%

HSV

127.7, 21.2%, 87.1%

CMYK

21.2%, 0.0%, 18.5%, 12.9%

OKLCH

0.8565 0.0746 148.4

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#AFDEB5

#DEAFD8

Analogous

#C0DEAF

#AFDECC

#AFDEB5

Triadic

#AFDEB5

#B5AFDE

#DEB5AF

Split Complementary

#AFDEB5

#CCAFDE

#DEAFC0

Tetradic

#AFDEB5

#AFC0DE

#DEAFD8

#DECCAF

Color Blindness Simulation

Original

#AFDEB5

Protanopia

#C3C4BF

Deuteranopia

#C1BDC1

Tritanopia

#B1C7C8

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CCEAD0
300
#A8DBAF
400
#79C883
500
#4AB558
600
#3C9046
700
#307438
800
#255A2C
900
#1E4323
950
#132A16

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026