#725DA2

#725DA2

Color Values

HEX

#725DA2

RGB

114, 93, 162

HSL

258.3, 27.1%, 50.0%

HSV

258.3, 42.6%, 63.5%

CMYK

29.6%, 42.6%, 0.0%, 36.5%

OKLCH

0.529 0.1075 296.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#725DA2

#8DA25D

Analogous

#5D6AA2

#955DA2

#725DA2

Triadic

#725DA2

#A2725D

#5DA272

Split Complementary

#725DA2

#A2955D

#6AA25D

Tetradic

#725DA2

#A25D6A

#8DA25D

#5DA295

Color Blindness Simulation

Original

#725DA2

Protanopia

#696991

Deuteranopia

#6A6C8D

Tritanopia

#718481

Achromatopsia

#666666

CSS Usage

background-color: #725DA2;
color: #725DA2;
border-color: #725DA2;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D8D2E5
300
#BBB1D2
400
#9787BA
500
#725DA2
600
#5B4A82
700
#493B68
800
#392E51
900
#2C253C
950
#1C1726

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026