#ADC6F0

#ADC6F0

Color Values

HEX

#ADC6F0

RGB

173, 198, 240

HSL

217.6, 69.1%, 81.0%

HSV

217.6, 27.9%, 94.1%

CMYK

27.9%, 17.5%, 0.0%, 5.9%

OKLCH

0.8222 0.0654 260.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ADC6F0

#F0D7AD

Analogous

#ADE8F0

#B6ADF0

#ADC6F0

Triadic

#ADC6F0

#F0ADC6

#C6F0AD

Split Complementary

#ADC6F0

#F0B6AD

#E8F0AD

Tetradic

#ADC6F0

#F0ADE8

#F0D7AD

#ADF0B6

Color Blindness Simulation

Original

#ADC6F0

Protanopia

#B8B8E6

Deuteranopia

#B6B4E3

Tritanopia

#AEDEDC

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EAF8
200
#C3D5F4
300
#98B7EC
400
#5F90E2
500
#2769D8
600
#2054AC
700
#19438A
800
#14356C
900
#12294F
950
#0C1A32

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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