#AFEBA6

#AFEBA6

Color Values

HEX

#AFEBA6

RGB

175, 235, 166

HSL

112,2, 63,3%, 78,6%

HSV

112,2, 29,4%, 92,2%

CMYK

25,5%, 0,0%, 29,4%, 7,8%

OKLCH

0,882 0,1112 141,3

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#AFEBA6

#E2A6EB

Analogous

#D1EBA6

#A6EBBF

#AFEBA6

Triadic

#AFEBA6

#A6AFEB

#EBA6AF

Split Complementary

#AFEBA6

#BFA6EB

#EBA6D1

Tetradic

#AFEBA6

#A6D1EB

#E2A6EB

#EBBFA6

Color Blindness Simulation

Original

#AFEBA6

Protanopia

#C9CAB7

Deuteranopia

#C6C1BB

Tritanopia

#B2C4C7

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E6F7E4
200
#CBF2C5
300
#A5E99B
400
#74DC65
500
#44D02F
600
#36A725
700
#2B851E
800
#226817
900
#1C4C15
950
#12300D

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,26:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026