#737BFA

#737BFA

Color Values

HEX

#737BFA

RGB

115, 123, 250

HSL

236.4, 93.1%, 71.6%

HSV

236.4, 54.0%, 98.0%

CMYK

54.0%, 50.8%, 0.0%, 2.0%

OKLCH

0.64 0.1861 277.1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#737BFA

#FAF273

Analogous

#73BFFA

#AE73FA

#737BFA

Triadic

#737BFA

#FA737B

#7BFA73

Split Complementary

#737BFA

#FAAE73

#BFFA73

Tetradic

#737BFA

#FA73BF

#FAF273

#73FAAE

Color Blindness Simulation

Original

#737BFA

Protanopia

#7677DB

Deuteranopia

#7675D4

Tritanopia

#73C3BE

Achromatopsia

#828282

CSS Usage

background-color: #737BFA;
color: #737BFA;
border-color: #737BFA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABEFD
300
#8990FB
400
#4953F8
500
#0917F6
600
#0712C5
700
#060F9E
800
#040C7B
900
#080D59
950
#050838

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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