#62069E

#62069E

Color Values

HEX

#62069E

RGB

98, 6, 158

HSL

276.3, 92.7%, 32.2%

HSV

276.3, 96.2%, 62.0%

CMYK

38.0%, 96.2%, 0.0%, 38.0%

OKLCH

0.401 0.205 304.2

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#62069E

#429E06

Analogous

#16069E

#9E068E

#62069E

Triadic

#62069E

#9E6206

#069E62

Split Complementary

#62069E

#8E9E06

#069E16

Tetradic

#62069E

#9E1606

#429E06

#068E9E

Color Blindness Simulation

Original

#62069E

Protanopia

#3A3979

Deuteranopia

#404670

Tritanopia

#5D5C56

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E2BAFC
300
#CE89FB
400
#B349F8
500
#9809F6
600
#7A07C5
700
#61069D
800
#4C057B
900
#390859
950
#240538

Contrast Checker

Text on white

10.3:1

AA Pass AAA Pass

Text on black

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