#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026