#AABBC7

#AABBC7

Color Values

HEX

#AABBC7

RGB

170, 187, 199

HSL

204,8, 20,6%, 72,4%

HSV

204,8, 14,6%, 78,0%

CMYK

14,6%, 6,0%, 0,0%, 22,0%

OKLCH

0,7828 0,0254 238,5

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#AABBC7

#C7B6AA

Analogous

#AAC7C5

#AAADC7

#AABBC7

Triadic

#AABBC7

#C7AABB

#BBC7AA

Split Complementary

#AABBC7

#C7AAAD

#C7C5AA

Tetradic

#AABBC7

#C5AAC7

#C7B6AA

#ADC7AA

Color Blindness Simulation

Original

#AABBC7

Protanopia

#B1B2C4

Deuteranopia

#B0AFC3

Tritanopia

#ABC2C1

Achromatopsia

#B8B8B8

CSS Usage

background-color: #AABBC7;
color: #AABBC7;
border-color: #AABBC7;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C4CE
400
#8DA4B4
500
#65849A
600
#516A7B
700
#415562
800
#33424D
900
#273239
950
#192024

Contrast Checker

Text on white

1,97:1

AA Fail AAA Fail

Text on black

10,64: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