#7898C7

#7898C7

Color Values

HEX

#7898C7

RGB

120, 152, 199

HSL

215.7, 41.4%, 62.5%

HSV

215.7, 39.7%, 78.0%

CMYK

39.7%, 23.6%, 0.0%, 22.0%

OKLCH

0.6736 0.0788 257.9

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7898C7

#C7A778

Analogous

#78BFC7

#7F78C7

#7898C7

Triadic

#7898C7

#C77898

#98C778

Split Complementary

#7898C7

#C77F78

#BFC778

Tetradic

#7898C7

#C778BF

#C7A778

#78C77F

Color Blindness Simulation

Original

#7898C7

Protanopia

#8686BC

Deuteranopia

#8482B9

Tritanopia

#7AB3B1

Achromatopsia

#959595

CSS Usage

background-color: #7898C7;
color: #7898C7;
border-color: #7898C7;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDD8EA
300
#A8BDDB
400
#7A99C8
500
#4B75B4
600
#3C5E90
700
#304B73
800
#253B5A
900
#1E2D43
950
#131C2A

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026