#7298BC

#7298BC

Color Values

HEX

#7298BC

RGB

114, 152, 188

HSL

209.2, 35.6%, 59.2%

HSV

209.2, 39.4%, 73.7%

CMYK

39.4%, 19.1%, 0.0%, 26.3%

OKLCH

0.6652 0.0683 247.5

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7298BC

#BC9672

Analogous

#72BCBB

#7273BC

#7298BC

Triadic

#7298BC

#BC7298

#98BC72

Split Complementary

#7298BC

#BC7273

#BCBB72

Tetradic

#7298BC

#BB72BC

#BC9672

#73BC72

Color Blindness Simulation

Original

#7298BC

Protanopia

#8283B3

Deuteranopia

#807DB1

Tritanopia

#74ACAB

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CFDCE8
300
#ACC2D8
400
#7FA2C2
500
#5281AD
600
#42678A
700
#35526F
800
#294056
900
#213140
950
#151F28

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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