#736FC1

#736FC1

Color Values

HEX

#736FC1

RGB

115, 111, 193

HSL

242.9, 39.8%, 59.6%

HSV

242.9, 42.5%, 75.7%

CMYK

40.4%, 42.5%, 0.0%, 24.3%

OKLCH

0.5821 0.1236 284.1

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#736FC1

#BDC16F

Analogous

#6F94C1

#9C6FC1

#736FC1

Triadic

#736FC1

#C1736F

#6FC173

Split Complementary

#736FC1

#C19C6F

#94C16F

Tetradic

#736FC1

#C16F94

#BDC16F

#6FC19C

Color Blindness Simulation

Original

#736FC1

Protanopia

#7171AD

Deuteranopia

#7272A8

Tritanopia

#739D9A

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CECDEA
300
#ACA9DA
400
#7F7BC6
500
#524DB2
600
#413D8F
700
#343172
800
#292659
900
#211F42
950
#15142A

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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