#749DC5

#749DC5

Color Values

HEX

#749DC5

RGB

116, 157, 197

HSL

209.6, 41.1%, 61.4%

HSV

209.6, 41.1%, 77.3%

CMYK

41.1%, 20.3%, 0.0%, 22.7%

OKLCH

0.6813 0.0745 248.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#749DC5

#C59C74

Analogous

#74C5C4

#7475C5

#749DC5

Triadic

#749DC5

#C5749D

#9DC574

Split Complementary

#749DC5

#C57475

#C5C474

Tetradic

#749DC5

#C474C5

#C59C74

#75C574

Color Blindness Simulation

Original

#749DC5

Protanopia

#8686BB

Deuteranopia

#8380B9

Tritanopia

#76B4B2

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDBEA
300
#A9C2DB
400
#7AA1C7
500
#4B80B4
600
#3C6790
700
#305273
800
#26405A
900
#1F3142
950
#131F2A

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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