#6253BA

#6253BA

Color Values

HEX

#6253BA

RGB

98, 83, 186

HSL

248.7, 42.7%, 52.7%

HSV

248.7, 55.4%, 72.9%

CMYK

47.3%, 55.4%, 0.0%, 27.1%

OKLCH

0.5111 0.1562 286.1

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6253BA

#ABBA53

Analogous

#5377BA

#9553BA

#6253BA

Triadic

#6253BA

#BA6253

#53BA62

Split Complementary

#6253BA

#BA9553

#77BA53

Tetradic

#6253BA

#BA5377

#ABBA53

#53BA95

Color Blindness Simulation

Original

#6253BA

Protanopia

#5C5BA1

Deuteranopia

#5C5E9B

Tritanopia

#618D89

Achromatopsia

#5E5E5E

CSS Usage

background-color: #6253BA;
color: #6253BA;
border-color: #6253BA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E9E7F4
200
#D0CCEB
300
#AFA8DC
400
#8478C9
500
#5949B6
600
#473A92
700
#392F74
800
#2C255B
900
#231E43
950
#16132A

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

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