#736CCB

#736CCB

Color Values

HEX

#736CCB

RGB

115, 108, 203

HSL

244.4, 47.7%, 61.0%

HSV

244.4, 46.8%, 79.6%

CMYK

43.3%, 46.8%, 0.0%, 20.4%

OKLCH

0.5822 0.1422 284.4

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#736CCB

#C4CB6C

Analogous

#6C95CB

#A36CCB

#736CCB

Triadic

#736CCB

#CB736C

#6CCB73

Split Complementary

#736CCB

#CBA36C

#95CB6C

Tetradic

#736CCB

#CB6C95

#C4CB6C

#6CCBA3

Color Blindness Simulation

Original

#736CCB

Protanopia

#7070B4

Deuteranopia

#7071AE

Tritanopia

#73A29E

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCAEC
300
#A9A5DF
400
#7A74CE
500
#4C43BC
600
#3C3597
700
#302B79
800
#26215E
900
#1F1C45
950
#13112C

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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