#7198BC

#7198BC

Color Values

HEX

#7198BC

RGB

113, 152, 188

HSL

208.8, 35.9%, 59.0%

HSV

208.8, 39.9%, 73.7%

CMYK

39.9%, 19.1%, 0.0%, 26.3%

OKLCH

0.6646 0.0689 246.9

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7198BC

#BC9571

Analogous

#71BCBA

#7172BC

#7198BC

Triadic

#7198BC

#BC7198

#98BC71

Split Complementary

#7198BC

#BC7172

#BCBA71

Tetradic

#7198BC

#BA71BC

#BC9571

#72BC71

Color Blindness Simulation

Original

#7198BC

Protanopia

#8282B3

Deuteranopia

#807DB1

Tritanopia

#73ACAB

Achromatopsia

#929292

CSS Usage

background-color: #7198BC;
color: #7198BC;
border-color: #7198BC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDCE8
300
#ACC3D8
400
#7FA2C3
500
#5281AD
600
#41678B
700
#34536F
800
#294157
900
#213140
950
#151F28

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

6.92:1

AA Pass AAA Fail

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