#7AB3C8

#7AB3C8

Color Values

HEX

#7AB3C8

RGB

122, 179, 200

HSL

196.2, 41.5%, 63.1%

HSV

196.2, 39.0%, 78.4%

CMYK

39.0%, 10.5%, 0.0%, 21.6%

OKLCH

0.7349 0.0665 223.1

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#7AB3C8

#C88F7A

Analogous

#7AC8B6

#7A8CC8

#7AB3C8

Triadic

#7AB3C8

#C87AB3

#B3C87A

Split Complementary

#7AB3C8

#C87A8C

#C8B67A

Tetradic

#7AB3C8

#B67AC8

#C88F7A

#8CC87A

Color Blindness Simulation

Original

#7AB3C8

Protanopia

#9393C3

Deuteranopia

#8F8BC2

Tritanopia

#7DBFBE

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F0F3
200
#CCE2EA
300
#A8CDDB
400
#79B3C8
500
#4B98B4
600
#3C7990
700
#306173
800
#254C5A
900
#1E3943
950
#13242A

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.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