#AFECCB

#AFECCB

Color Values

HEX

#AFECCB

RGB

175, 236, 203

HSL

147.5, 61.6%, 80.6%

HSV

147.5, 25.8%, 92.5%

CMYK

25.8%, 0.0%, 14.0%, 7.5%

OKLCH

0.8927 0.0768 160.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#AFECCB

#ECAFD0

Analogous

#B2ECAF

#AFECE9

#AFECCB

Triadic

#AFECCB

#CBAFEC

#ECCBAF

Split Complementary

#AFECCB

#E9AFEC

#ECAFB2

Tetradic

#AFECCB

#AFB2EC

#ECAFD0

#ECE9AF

Color Blindness Simulation

Original

#AFECCB

Protanopia

#C9CAD3

Deuteranopia

#C6C1D5

Tritanopia

#B2D9DB

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F3FBF7
100
#E4F6EC
200
#C5F1D9
300
#9CE7BF
400
#67DB9C
500
#31CE79
600
#27A561
700
#1F844D
800
#18673C
900
#164B2E
950
#0E301D

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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