#AFEFB0

#AFEFB0

Color Values

HEX

#AFEFB0

RGB

175, 239, 176

HSL

120.9, 66.7%, 81.2%

HSV

120.9, 26.8%, 93.7%

CMYK

26.8%, 0.0%, 26.4%, 6.3%

OKLCH

0.893 0.107 145.0

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#AFEFB0

#EFAFEE

Analogous

#CEEFAF

#AFEFD0

#AFEFB0

Triadic

#AFEFB0

#B0AFEF

#EFB0AF

Split Complementary

#AFEFB0

#D0AFEF

#EFAFCE

Tetradic

#AFEFB0

#AFCEEF

#EFAFEE

#EFD0AF

Color Blindness Simulation

Original

#AFEFB0

Protanopia

#CBCBBF

Deuteranopia

#C7C2C3

Tritanopia

#B2CBCE

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F7E3
200
#C3F3C4
300
#99EB9A
400
#62E064
500
#2AD52D
600
#22AA24
700
#1B881D
800
#156A17
900
#134E14
950
#0C310D

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.8: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