#622FD0

#622FD0

Color Values

HEX

#622FD0

RGB

98, 47, 208

HSL

259.0, 63.1%, 50.0%

HSV

259.0, 77.4%, 81.6%

CMYK

52.9%, 77.4%, 0.0%, 18.4%

OKLCH

0.4777 0.226 289.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#622FD0

#9DD02F

Analogous

#2F4DD0

#B22FD0

#622FD0

Triadic

#622FD0

#D0622F

#2FD062

Split Complementary

#622FD0

#D0B22F

#4DD02F

Tetradic

#622FD0

#D02F4D

#9DD02F

#2FD0B2

Color Blindness Simulation

Original

#622FD0

Protanopia

#4C4BA9

Deuteranopia

#4F53A0

Tritanopia

#5F8A84

Achromatopsia

#454545

CSS Usage

background-color: #622FD0;
color: #622FD0;
border-color: #622FD0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F3FB
100
#EAE4F7
200
#D3C5F2
300
#B49BE8
400
#8B65DC
500
#622FD0
600
#4E26A6
700
#3F1E85
800
#311868
900
#26154C
950
#180D30

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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