#726DBB

#726DBB

Color Values

HEX

#726DBB

RGB

114, 109, 187

HSL

243.8, 36.4%, 58.0%

HSV

243.8, 41.7%, 73.3%

CMYK

39.0%, 41.7%, 0.0%, 26.7%

OKLCH

0.574 0.1181 285.0

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#726DBB

#B6BB6D

Analogous

#6D8FBB

#996DBB

#726DBB

Triadic

#726DBB

#BB726D

#6DBB72

Split Complementary

#726DBB

#BB996D

#8FBB6D

Tetradic

#726DBB

#BB6D8F

#B6BB6D

#6DBB99

Color Blindness Simulation

Original

#726DBB

Protanopia

#7070A8

Deuteranopia

#7070A4

Tritanopia

#729996

Achromatopsia

#747474

CSS Usage

background-color: #726DBB;
color: #726DBB;
border-color: #726DBB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#D0CEE8
300
#AEACD8
400
#837EC3
500
#5751AE
600
#46418B
700
#38346F
800
#2B2957
900
#232140
950
#161529

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026