#7798C2

#7798C2

Color Values

HEX

#7798C2

RGB

119, 152, 194

HSL

213.6, 38.1%, 61.4%

HSV

213.6, 38.7%, 76.1%

CMYK

38.7%, 21.6%, 0.0%, 23.9%

OKLCH

0.6708 0.0728 254.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7798C2

#C2A177

Analogous

#77BEC2

#7C77C2

#7798C2

Triadic

#7798C2

#C27798

#98C277

Split Complementary

#7798C2

#C27C77

#BEC277

Tetradic

#7798C2

#C277BE

#C2A177

#77C27C

Color Blindness Simulation

Original

#7798C2

Protanopia

#8586B8

Deuteranopia

#8381B5

Tritanopia

#79B0AE

Achromatopsia

#949494

CSS Usage

background-color: #7798C2;
color: #7798C2;
border-color: #7798C2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CEDAE9
300
#AABFD9
400
#7D9CC5
500
#4F7AB0
600
#3F618D
700
#334E71
800
#273D58
900
#202E41
950
#141D29

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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