#AFD2E4

#AFD2E4

Color Values

HEX

#AFD2E4

RGB

175, 210, 228

HSL

200,4, 49,5%, 79,0%

HSV

200,4, 23,2%, 89,4%

CMYK

23,2%, 7,9%, 0,0%, 10,6%

OKLCH

0,8442 0,0449 230,3

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#AFD2E4

#E4C1AF

Analogous

#AFE4DB

#AFB7E4

#AFD2E4

Triadic

#AFD2E4

#E4AFD2

#D2E4AF

Split Complementary

#AFD2E4

#E4AFB7

#E4DBAF

Tetradic

#AFD2E4

#DBAFE4

#E4C1AF

#B7E4AF

Color Blindness Simulation

Original

#AFD2E4

Protanopia

#BEBEE0

Deuteranopia

#BCBADF

Tritanopia

#B1DCDB

Achromatopsia

#CCCCCC

CSS Usage

background-color: #AFD2E4;
color: #AFD2E4;
border-color: #AFD2E4;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4F8FB
100
#E6F0F5
200
#CAE1ED
300
#A4CBE0
400
#72B0CF
500
#4094BF
600
#347698
700
#295F7A
800
#204A5F
900
#1B3746
950
#11232C

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

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