#749EEB

#749EEB

Color Values

HEX

#749EEB

RGB

116, 158, 235

HSL

218.8, 74.8%, 68.8%

HSV

218.8, 50.6%, 92.2%

CMYK

50.6%, 32.8%, 0.0%, 7.8%

OKLCH

0.7011 0.1227 261.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#749EEB

#EBC174

Analogous

#74D9EB

#8574EB

#749EEB

Triadic

#749EEB

#EB749E

#9EEB74

Split Complementary

#749EEB

#EB8574

#D9EB74

Tetradic

#749EEB

#EB74D9

#EBC174

#74EB85

Color Blindness Simulation

Original

#749EEB

Protanopia

#8687D8

Deuteranopia

#8481D4

Tritanopia

#76CAC6

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E2EAF8
200
#C1D3F6
300
#94B4F0
400
#5A8CE7
500
#2064DF
600
#1A50B2
700
#15408F
800
#10326F
900
#102751
950
#0A1933

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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