#A6BBDF

#A6BBDF

Color Values

HEX

#A6BBDF

RGB

166, 187, 223

HSL

217.9, 47.1%, 76.3%

HSV

217.9, 25.6%, 87.5%

CMYK

25.6%, 16.1%, 0.0%, 12.5%

OKLCH

0.7883 0.0564 261.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A6BBDF

#DFCAA6

Analogous

#A6D8DF

#AEA6DF

#A6BBDF

Triadic

#A6BBDF

#DFA6BB

#BBDFA6

Split Complementary

#A6BBDF

#DFAEA6

#D8DFA6

Tetradic

#A6BBDF

#DFA6D8

#DFCAA6

#A6DFAE

Color Blindness Simulation

Original

#A6BBDF

Protanopia

#AFAFD6

Deuteranopia

#AEACD4

Tritanopia

#A7CFCE

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CAD7EC
300
#A5BADF
400
#7495CD
500
#4370BC
600
#365996
700
#2B4778
800
#22385E
900
#1C2B45
950
#121B2C

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

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