#AFB1ED

#AFB1ED

Color Values

HEX

#AFB1ED

RGB

175, 177, 237

HSL

238.1, 63.3%, 80.8%

HSV

238.1, 26.2%, 92.9%

CMYK

26.2%, 25.3%, 0.0%, 7.1%

OKLCH

0.7802 0.0852 282.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AFB1ED

#EDEBAF

Analogous

#AFD0ED

#CCAFED

#AFB1ED

Triadic

#AFB1ED

#EDAFB1

#B1EDAF

Split Complementary

#AFB1ED

#EDCCAF

#D0EDAF

Tetradic

#AFB1ED

#EDAFD0

#EDEBAF

#AFEDCC

Color Blindness Simulation

Original

#AFB1ED

Protanopia

#B0B0DE

Deuteranopia

#B0B0DB

Tritanopia

#AFD3D0

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C6F2
300
#9B9EE9
400
#6569DC
500
#2F34D0
600
#252AA7
700
#1E2185
800
#171A68
900
#15174C
950
#0D0E30

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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