#737FF8

#737FF8

Color Values

HEX

#737FF8

RGB

115, 127, 248

HSL

234.6, 90.5%, 71.2%

HSV

234.6, 53.6%, 97.3%

CMYK

53.6%, 48.8%, 0.0%, 2.7%

OKLCH

0.6461 0.1783 276.0

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#737FF8

#F8EC73

Analogous

#73C2F8

#AA73F8

#737FF8

Triadic

#737FF8

#F8737F

#7FF873

Split Complementary

#737FF8

#F8AA73

#C2F873

Tetradic

#737FF8

#F873C2

#F8EC73

#73F8AA

Color Blindness Simulation

Original

#737FF8

Protanopia

#7878DB

Deuteranopia

#7877D4

Tritanopia

#74C4BF

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE2FB
200
#BBC1FC
300
#8A94F9
400
#4B5BF6
500
#0C21F3
600
#0A1AC2
700
#08159B
800
#061079
900
#091058
950
#060A38

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.12:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026