#7AABCD

#7AABCD

Color Values

HEX

#7AABCD

RGB

122, 171, 205

HSL

204.6, 45.4%, 64.1%

HSV

204.6, 40.5%, 80.4%

CMYK

40.5%, 16.6%, 0.0%, 19.6%

OKLCH

0.719 0.0721 239.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7AABCD

#CD9C7A

Analogous

#7ACDC6

#7A81CD

#7AABCD

Triadic

#7AABCD

#CD7AAB

#ABCD7A

Split Complementary

#7AABCD

#CD7A81

#CDC67A

Tetradic

#7AABCD

#C67ACD

#CD9C7A

#81CD7A

Color Blindness Simulation

Original

#7AABCD

Protanopia

#8F90C5

Deuteranopia

#8C89C3

Tritanopia

#7CBEBD

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEC
300
#A6C7DE
400
#76A8CB
500
#468AB9
600
#386E94
700
#2D5877
800
#23455D
900
#1D3444
950
#12212B

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.53:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026