#6255E2

#6255E2

Color Values

HEX

#6255E2

RGB

98, 85, 226

HSL

245.5, 70.9%, 61.0%

HSV

245.5, 62.4%, 88.6%

CMYK

56.6%, 62.4%, 0.0%, 11.4%

OKLCH

0.5447 0.2059 281.3

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#6255E2

#D5E255

Analogous

#558FE2

#A855E2

#6255E2

Triadic

#6255E2

#E26255

#55E262

Split Complementary

#6255E2

#E2A855

#8FE255

Tetradic

#6255E2

#E2558F

#D5E255

#55E2A8

Color Blindness Simulation

Original

#6255E2

Protanopia

#5C5CC0

Deuteranopia

#5D5EB8

Tritanopia

#61A59F

Achromatopsia

#626262

CSS Usage

background-color: #6255E2;
color: #6255E2;
border-color: #6255E2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F3FC
100
#E4E2F8
200
#C7C2F5
300
#9E96ED
400
#6A5EE4
500
#3625DA
600
#2B1EAE
700
#22188B
800
#1B136D
900
#17124F
950
#0F0B32

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026