#736FBB

#736FBB

Color Values

HEX

#736FBB

RGB

115, 111, 187

HSL

243.2, 35.8%, 58.4%

HSV

243.2, 40.6%, 73.3%

CMYK

38.5%, 40.6%, 0.0%, 26.7%

OKLCH

0.5787 0.115 284.6

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#736FBB

#B7BB6F

Analogous

#6F91BB

#996FBB

#736FBB

Triadic

#736FBB

#BB736F

#6FBB73

Split Complementary

#736FBB

#BB996F

#91BB6F

Tetradic

#736FBB

#BB6F91

#B7BB6F

#6FBB99

Color Blindness Simulation

Original

#736FBB

Protanopia

#7171A9

Deuteranopia

#7272A4

Tritanopia

#739A97

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#D0CFE8
300
#AEACD8
400
#827FC2
500
#5752AD
600
#45418B
700
#38346F
800
#2B2957
900
#232140
950
#161528

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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