#AFFAF0

#AFFAF0

Color Values

HEX

#AFFAF0

RGB

175, 250, 240

HSL

172,0, 88,2%, 83,3%

HSV

172,0, 30,0%, 98,0%

CMYK

30,0%, 0,0%, 4,0%, 2,0%

OKLCH

0,9334 0,0751 185,6

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#AFFAF0

#FAAFB9

Analogous

#AFFACA

#AFDEFA

#AFFAF0

Triadic

#AFFAF0

#F0AFFA

#FAF0AF

Split Complementary

#AFFAF0

#FAAFDE

#FACAAF

Tetradic

#AFFAF0

#CAAFFA

#FAAFB9

#DEFAAF

Color Blindness Simulation

Original

#AFFAF0

Protanopia

#CFD0F2

Deuteranopia

#CBC6F3

Tritanopia

#B3F4F5

Achromatopsia

#E9E9E9

CSS Usage

background-color: #AFFAF0;
color: #AFFAF0;
border-color: #AFFAF0;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F2FDFC
100
#E0FBF7
200
#BCFBF2
300
#8CF8E9
400
#4DF4DE
500
#0FF0D2
600
#0CC0A8
700
#0A9A86
800
#087869
900
#0A574D
950
#063730

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,76: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