#749EC4

#749EC4

Color Values

HEX

#749EC4

RGB

116, 158, 196

HSL

208.5, 40.4%, 61.2%

HSV

208.5, 40.8%, 76.9%

CMYK

40.8%, 19.4%, 0.0%, 23.1%

OKLCH

0.683 0.0727 246.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#749EC4

#C49A74

Analogous

#74C4C2

#7476C4

#749EC4

Triadic

#749EC4

#C4749E

#9EC474

Split Complementary

#749EC4

#C47476

#C4C274

Tetradic

#749EC4

#C274C4

#C49A74

#76C474

Color Blindness Simulation

Original

#749EC4

Protanopia

#8687BB

Deuteranopia

#8481B9

Tritanopia

#76B4B2

Achromatopsia

#989898

CSS Usage

background-color: #749EC4;
color: #749EC4;
border-color: #749EC4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDCEA
300
#A9C3DB
400
#7BA3C7
500
#4C82B3
600
#3D688F
700
#315373
800
#26415A
900
#1F3142
950
#131F2A

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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