#68588F

#68588F

Color Values

HEX

#68588F

RGB

104, 88, 143

HSL

257.5, 23.8%, 45.3%

HSV

257.5, 38.5%, 56.1%

CMYK

27.3%, 38.5%, 0.0%, 43.9%

OKLCH

0.4995 0.0874 296.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#68588F

#7F8F58

Analogous

#58638F

#84588F

#68588F

Triadic

#68588F

#8F6858

#588F68

Split Complementary

#68588F

#8F8458

#638F58

Tetradic

#68588F

#8F5863

#7F8F58

#588F84

Color Blindness Simulation

Original

#68588F

Protanopia

#616182

Deuteranopia

#62637E

Tritanopia

#677775

Achromatopsia

#5F5F5F

CSS Usage

background-color: #68588F;
color: #68588F;
border-color: #68588F;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#D8D3E4
300
#BCB3D0
400
#978AB7
500
#73619E
600
#5C4E7E
700
#4A3E65
800
#39314F
900
#2C263B
950
#1C1825

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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