#AFB9DC

#AFB9DC

Color Values

HEX

#AFB9DC

RGB

175, 185, 220

HSL

226.7, 39.1%, 77.5%

HSV

226.7, 20.5%, 86.3%

CMYK

20.5%, 15.9%, 0.0%, 13.7%

OKLCH

0.7896 0.051 272.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AFB9DC

#DCD2AF

Analogous

#AFD0DC

#BCAFDC

#AFB9DC

Triadic

#AFB9DC

#DCAFB9

#B9DCAF

Split Complementary

#AFB9DC

#DCBCAF

#D0DCAF

Tetradic

#AFB9DC

#DCAFD0

#DCD2AF

#AFDCBC

Color Blindness Simulation

Original

#AFB9DC

Protanopia

#B3B3D4

Deuteranopia

#B3B2D2

Tritanopia

#B0CDCB

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CDD4E9
300
#AAB4DA
400
#7C8CC6
500
#4E64B1
600
#3E508E
700
#324072
800
#273259
900
#1F2741
950
#141929

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026