#749FC4

#749FC4

Color Values

HEX

#749FC4

RGB

116, 159, 196

HSL

207.8, 40.4%, 61.2%

HSV

207.8, 40.8%, 76.9%

CMYK

40.8%, 18.9%, 0.0%, 23.1%

OKLCH

0.6853 0.0721 245.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#749FC4

#C49974

Analogous

#74C4C1

#7477C4

#749FC4

Triadic

#749FC4

#C4749F

#9FC474

Split Complementary

#749FC4

#C47477

#C4C174

Tetradic

#749FC4

#C174C4

#C49974

#77C474

Color Blindness Simulation

Original

#749FC4

Protanopia

#8787BB

Deuteranopia

#8481B9

Tritanopia

#76B4B2

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDCEA
300
#A9C4DB
400
#7BA3C7
500
#4C83B3
600
#3D698F
700
#315473
800
#26425A
900
#1F3242
950
#131F2A

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026