#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026