#7AABC8

#7AABC8

Color Values

HEX

#7AABC8

RGB

122, 171, 200

HSL

202.3, 41.5%, 63.1%

HSV

202.3, 39.0%, 78.4%

CMYK

39.0%, 14.5%, 0.0%, 21.6%

OKLCH

0.717 0.0671 234.9

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#7AABC8

#C8977A

Analogous

#7AC8BE

#7A84C8

#7AABC8

Triadic

#7AABC8

#C87AAB

#ABC87A

Split Complementary

#7AABC8

#C87A84

#C8BE7A

Tetradic

#7AABC8

#BE7AC8

#C8977A

#84C87A

Color Blindness Simulation

Original

#7AABC8

Protanopia

#8F90C1

Deuteranopia

#8C89BF

Tritanopia

#7CBBBA

Achromatopsia

#A3A3A3

CSS Usage

background-color: #7AABC8;
color: #7AABC8;
border-color: #7AABC8;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CCDFEA
300
#A8C8DB
400
#79ABC8
500
#4B8DB4
600
#3C7190
700
#305A73
800
#25475A
900
#1E3543
950
#13222A

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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