#736DB9

#736DB9

Color Values

HEX

#736DB9

RGB

115, 109, 185

HSL

244,7, 35,2%, 57,6%

HSV

244,7, 41,1%, 72,5%

CMYK

37,8%, 41,1%, 0,0%, 27,5%

OKLCH

0,5737 0,1151 285,8

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#736DB9

#B3B96D

Analogous

#6D8DB9

#996DB9

#736DB9

Triadic

#736DB9

#B9736D

#6DB973

Split Complementary

#736DB9

#B9996D

#8DB96D

Tetradic

#736DB9

#B96D8D

#B3B96D

#6DB999

Color Blindness Simulation

Original

#736DB9

Protanopia

#7070A7

Deuteranopia

#7171A2

Tritanopia

#739895

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F2
200
#D1CFE8
300
#B0ACD7
400
#857FC2
500
#5A53AC
600
#48428A
700
#39356E
800
#2D2956
900
#242140
950
#161528

Contrast Checker

Text on white

4,55:1

AA Pass AAA Fail

Text on black

4,62:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026