#AFCBFA

#AFCBFA

Color Values

HEX

#AFCBFA

RGB

175, 203, 250

HSL

217.6, 88.2%, 83.3%

HSV

217.6, 30.0%, 98.0%

CMYK

30.0%, 18.8%, 0.0%, 2.0%

OKLCH

0.8376 0.0729 260.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AFCBFA

#FADEAF

Analogous

#AFF0FA

#B8AFFA

#AFCBFA

Triadic

#AFCBFA

#FAAFCB

#CBFAAF

Split Complementary

#AFCBFA

#FAB8AF

#F0FAAF

Tetradic

#AFCBFA

#FAAFF0

#FADEAF

#AFFAB8

Color Blindness Simulation

Original

#AFCBFA

Protanopia

#BBBBEF

Deuteranopia

#BAB7EC

Tritanopia

#B0E6E4

Achromatopsia

#C8C8C8

CSS Usage

background-color: #AFCBFA;
color: #AFCBFA;
border-color: #AFCBFA;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BCD3FB
300
#8CB4F8
400
#4D8CF4
500
#0F63F0
600
#0C4FC0
700
#0A3F9A
800
#083278
900
#0A2757
950
#061837

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.75: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