#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

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026