#749DCE

#749DCE

Color Values

HEX

#749DCE

RGB

116, 157, 206

HSL

212.7, 47.9%, 63.1%

HSV

212.7, 43.7%, 80.8%

CMYK

43.7%, 23.8%, 0.0%, 19.2%

OKLCH

0.6852 0.0856 253.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#749DCE

#CEA574

Analogous

#74CACE

#7874CE

#749DCE

Triadic

#749DCE

#CE749D

#9DCE74

Split Complementary

#749DCE

#CE7874

#CACE74

Tetradic

#749DCE

#CE74CA

#CEA574

#74CE78

Color Blindness Simulation

Original

#749DCE

Protanopia

#8686C2

Deuteranopia

#8380BF

Tritanopia

#76B9B7

Achromatopsia

#989898

CSS Usage

background-color: #749DCE;
color: #749DCE;
border-color: #749DCE;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CADAEC
300
#A4BFDF
400
#739DCE
500
#427ABD
600
#356297
700
#2B4E79
800
#213D5E
900
#1C2F45
950
#111D2C

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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