#737CEC

#737CEC

Color Values

HEX

#737CEC

RGB

115, 124, 236

HSL

235.5, 76.1%, 68.8%

HSV

235.5, 51.3%, 92.5%

CMYK

51.3%, 47.5%, 0.0%, 7.5%

OKLCH

0.6328 0.1659 277.1

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#737CEC

#ECE373

Analogous

#73B9EC

#A673EC

#737CEC

Triadic

#737CEC

#EC737C

#7CEC73

Split Complementary

#737CEC

#ECA673

#B9EC73

Tetradic

#737CEC

#EC73B9

#ECE373

#73ECA6

Color Blindness Simulation

Original

#737CEC

Protanopia

#7777D1

Deuteranopia

#7676CA

Tritanopia

#73BBB7

Achromatopsia

#828282

CSS Usage

background-color: #737CEC;
color: #737CEC;
border-color: #737CEC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C4F6
300
#939AF0
400
#5964E8
500
#1E2DE1
600
#1824B4
700
#141D90
800
#0F1770
900
#0F1452
950
#0A0D34

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.82:1

AA Pass AAA Fail

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