#737CF8

#737CF8

Color Values

HEX

#737CF8

RGB

115, 124, 248

HSL

235.9, 90.5%, 71.2%

HSV

235.9, 53.6%, 97.3%

CMYK

53.6%, 50.0%, 0.0%, 2.7%

OKLCH

0.6405 0.1821 276.8

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#737CF8

#F8EF73

Analogous

#73BFF8

#AC73F8

#737CF8

Triadic

#737CF8

#F8737C

#7CF873

Split Complementary

#737CF8

#F8AC73

#BFF873

Tetradic

#737CF8

#F873BF

#F8EF73

#73F8AC

Color Blindness Simulation

Original

#737CF8

Protanopia

#7777DA

Deuteranopia

#7676D3

Tritanopia

#73C2BD

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBBFFC
300
#8A92F9
400
#4B57F6
500
#0C1CF3
600
#0A16C2
700
#08129B
800
#060E79
900
#090E58
950
#060938

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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