#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026