#68069E

#68069E

Color Values

HEX

#68069E

RGB

104, 6, 158

HSL

278.7, 92.7%, 32.2%

HSV

278.7, 96.2%, 62.0%

CMYK

34.2%, 96.2%, 0.0%, 38.0%

OKLCH

0.4093 0.2062 307.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#68069E

#3C9E06

Analogous

#1C069E

#9E0688

#68069E

Triadic

#68069E

#9E6806

#069E68

Split Complementary

#68069E

#889E06

#069E1C

Tetradic

#68069E

#9E1C06

#3C9E06

#06889E

Color Blindness Simulation

Original

#68069E

Protanopia

#3E3D79

Deuteranopia

#434B70

Tritanopia

#635C56

Achromatopsia

#262626

CSS Usage

background-color: #68069E;
color: #68069E;
border-color: #68069E;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E5BAFC
300
#D289FB
400
#BA49F8
500
#A209F6
600
#8107C5
700
#68069D
800
#51057B
900
#3C0859
950
#260538

Contrast Checker

Text on white

9.96:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026