#7269BF

#7269BF

Color Values

HEX

#7269BF

RGB

114, 105, 191

HSL

246.3, 40.2%, 58.0%

HSV

246.3, 45.0%, 74.9%

CMYK

40.3%, 45.0%, 0.0%, 25.1%

OKLCH

0.5685 0.1298 286.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#7269BF

#B6BF69

Analogous

#698BBF

#9D69BF

#7269BF

Triadic

#7269BF

#BF7269

#69BF72

Split Complementary

#7269BF

#BF9D69

#8BBF69

Tetradic

#7269BF

#BF698B

#B6BF69

#69BF9D

Color Blindness Simulation

Original

#7269BF

Protanopia

#6E6EAA

Deuteranopia

#6F6FA5

Tritanopia

#729A96

Achromatopsia

#717171

CSS Usage

background-color: #7269BF;
color: #7269BF;
border-color: #7269BF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CDEA
300
#AEA9DA
400
#837BC7
500
#574CB3
600
#463D8F
700
#383172
800
#2C2659
900
#231F42
950
#16142A

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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