#AFB5FB

#AFB5FB

Color Values

HEX

#AFB5FB

RGB

175, 181, 251

HSL

235.3, 90.5%, 83.5%

HSV

235.3, 30.3%, 98.4%

CMYK

30.3%, 27.9%, 0.0%, 1.6%

OKLCH

0.794 0.0994 280.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AFB5FB

#FBF5AF

Analogous

#AFDBFB

#CFAFFB

#AFB5FB

Triadic

#AFB5FB

#FBAFB5

#B5FBAF

Split Complementary

#AFB5FB

#FBCFAF

#DBFBAF

Tetradic

#AFB5FB

#FBAFDB

#FBF5AF

#AFFBCF

Color Blindness Simulation

Original

#AFB5FB

Protanopia

#B2B2EA

Deuteranopia

#B1B1E6

Tritanopia

#AFDDDA

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE2FB
200
#BBC0FC
300
#8A93F9
400
#4B59F6
500
#0C1EF3
600
#0A18C2
700
#08139B
800
#060F79
900
#090F58
950
#060A38

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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