#AFEDF0

#AFEDF0

Color Values

HEX

#AFEDF0

RGB

175, 237, 240

HSL

182,8, 68,4%, 81,4%

HSV

182,8, 27,1%, 94,1%

CMYK

27,1%, 1,2%, 0,0%, 5,9%

OKLCH

0,9054 0,0624 199,9

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#AFEDF0

#F0B2AF

Analogous

#AFF0D3

#AFCDF0

#AFEDF0

Triadic

#AFEDF0

#F0AFED

#EDF0AF

Split Complementary

#AFEDF0

#F0AFCD

#F0D3AF

Tetradic

#AFEDF0

#D3AFF0

#F0B2AF

#CDF0AF

Color Blindness Simulation

Original

#AFEDF0

Protanopia

#CACAEF

Deuteranopia

#C6C2EF

Tritanopia

#B2EFEF

Achromatopsia

#E0E0E0

CSS Usage

background-color: #AFEDF0;
color: #AFEDF0;
border-color: #AFEDF0;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F3FBFC
100
#E3F7F8
200
#C3F1F4
300
#98E8EC
400
#60DBE1
500
#28CFD7
600
#20A5AC
700
#1A8489
800
#14676B
900
#134B4E
950
#0C3031

Contrast Checker

Text on white

1,3:1

AA Fail AAA Fail

Text on black

16,19: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