#AFFFE0

#AFFFE0

Color Values

HEX

#AFFFE0

RGB

175, 255, 224

HSL

156.8, 100.0%, 84.3%

HSV

156.8, 31.4%, 100.0%

CMYK

31.4%, 0.0%, 12.2%, 0.0%

OKLCH

0.9398 0.0892 168.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#AFFFE0

#FFAFCE

Analogous

#AFFFB8

#AFF6FF

#AFFFE0

Triadic

#AFFFE0

#E0AFFF

#FFE0AF

Split Complementary

#AFFFE0

#FFAFF6

#FFB8AF

Tetradic

#AFFFE0

#B8AFFF

#FFAFCE

#F6FFAF

Color Blindness Simulation

Original

#AFFFE0

Protanopia

#D2D2E7

Deuteranopia

#CDC7E9

Tritanopia

#B3EDEF

Achromatopsia

#ECECEC

CSS Usage

background-color: #AFFFE0;
color: #AFFFE0;
border-color: #AFFFE0;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F1FEF9
100
#DEFCF1
200
#B8FFE3
300
#85FFD0
400
#42FFB6
500
#00FF9C
600
#00CC7D
700
#00A364
800
#00804E
900
#055C3A
950
#033A25

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026