#749CDD

#749CDD

Color Values

HEX

#749CDD

RGB

116, 156, 221

HSL

217,1, 60,7%, 66,1%

HSV

217,1, 47,5%, 86,7%

CMYK

47,5%, 29,4%, 0,0%, 13,3%

OKLCH

0,69 0,1061 259,8

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#749CDD

#DDB574

Analogous

#74D1DD

#8174DD

#749CDD

Triadic

#749CDD

#DD749C

#9CDD74

Split Complementary

#749CDD

#DD8174

#D1DD74

Tetradic

#749CDD

#DD74D1

#DDB574

#74DD81

Color Blindness Simulation

Original

#749CDD

Protanopia

#8586CD

Deuteranopia

#8380CA

Tritanopia

#76C1BE

Achromatopsia

#989898

CSS Usage

background-color: #749CDD;
color: #749CDD;
border-color: #749CDD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4EBF6
200
#C6D6F1
300
#9DB9E7
400
#6793DA
500
#326DCD
600
#2857A4
700
#204683
800
#193766
900
#162A4B
950
#0E1B2F

Contrast Checker

Text on white

2,78:1

AA Fail AAA Fail

Text on black

7,54: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