#AFBCF4

#AFBCF4

Color Values

HEX

#AFBCF4

RGB

175, 188, 244

HSL

228.7, 75.8%, 82.2%

HSV

228.7, 28.3%, 95.7%

CMYK

28.3%, 23.0%, 0.0%, 4.3%

OKLCH

0.8049 0.0807 274.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AFBCF4

#F4E7AF

Analogous

#AFDFF4

#C5AFF4

#AFBCF4

Triadic

#AFBCF4

#F4AFBC

#BCF4AF

Split Complementary

#AFBCF4

#F4C5AF

#DFF4AF

Tetradic

#AFBCF4

#F4AFDF

#F4E7AF

#AFF4C5

Color Blindness Simulation

Original

#AFBCF4

Protanopia

#B5B5E6

Deuteranopia

#B4B3E3

Tritanopia

#B0DCD9

Achromatopsia

#BDBDBD

CSS Usage

background-color: #AFBCF4;
color: #AFBCF4;
border-color: #AFBCF4;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F4FC
100
#E2E6F9
200
#C0CAF6
300
#93A5F0
400
#5974E8
500
#1F43E0
600
#1936B3
700
#142B8F
800
#0F2270
900
#0F1C52
950
#0A1233

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026