#7493BC

#7493BC

Color Values

HEX

#7493BC

RGB

116, 147, 188

HSL

214.2, 35.0%, 59.6%

HSV

214.2, 38.3%, 73.7%

CMYK

38.3%, 21.8%, 0.0%, 26.3%

OKLCH

0.6554 0.0708 255.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7493BC

#BC9D74

Analogous

#74B7BC

#7974BC

#7493BC

Triadic

#7493BC

#BC7493

#93BC74

Split Complementary

#7493BC

#BC7974

#B7BC74

Tetradic

#7493BC

#BC74B7

#BC9D74

#74BC79

Color Blindness Simulation

Original

#7493BC

Protanopia

#8182B2

Deuteranopia

#807DB0

Tritanopia

#76AAA9

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFDAE8
300
#ACBFD7
400
#809CC2
500
#5379AC
600
#42618A
700
#354E6E
800
#293D56
900
#212E40
950
#151D28

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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