#7265BA

#7265BA

Color Values

HEX

#7265BA

RGB

114, 101, 186

HSL

249.2, 38.1%, 56.3%

HSV

249.2, 45.7%, 72.9%

CMYK

38.7%, 45.7%, 0.0%, 27.1%

OKLCH

0.558 0.1287 288.5

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#7265BA

#ADBA65

Analogous

#6583BA

#9D65BA

#7265BA

Triadic

#7265BA

#BA7265

#65BA72

Split Complementary

#7265BA

#BA9D65

#83BA65

Tetradic

#7265BA

#BA6583

#ADBA65

#65BA9D

Color Blindness Simulation

Original

#7265BA

Protanopia

#6C6CA5

Deuteranopia

#6D6EA0

Tritanopia

#719592

Achromatopsia

#6E6E6E

CSS Usage

background-color: #7265BA;
color: #7265BA;
border-color: #7265BA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D2CEE9
300
#B2AAD9
400
#887DC5
500
#5E4FB0
600
#4B3F8D
700
#3C3371
800
#2F2758
900
#252041
950
#171429

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail 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