#AFECAB

#AFECAB

Color Values

HEX

#AFECAB

RGB

175, 236, 171

HSL

116.3, 63.1%, 79.8%

HSV

116.3, 27.5%, 92.5%

CMYK

25.8%, 0.0%, 27.5%, 7.5%

OKLCH

0.8853 0.1075 143.1

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#AFECAB

#E8ABEC

Analogous

#CFECAB

#ABECC7

#AFECAB

Triadic

#AFECAB

#ABAFEC

#ECABAF

Split Complementary

#AFECAB

#C7ABEC

#ECABCF

Tetradic

#AFECAB

#ABCFEC

#E8ABEC

#ECC7AB

Color Blindness Simulation

Original

#AFECAB

Protanopia

#C9CABB

Deuteranopia

#C6C1BE

Tritanopia

#B2C7CA

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E5F7E4
200
#C8F2C5
300
#A0E89B
400
#6CDC65
500
#39D02F
600
#2EA626
700
#24851E
800
#1C6818
900
#184C15
950
#0F300D

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026