#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026