#6265F2

#6265F2

Color Values

HEX

#6265F2

RGB

98, 101, 242

HSL

238.8, 84.7%, 66.7%

HSV

238.8, 59.5%, 94.9%

CMYK

59.5%, 58.3%, 0.0%, 5.1%

OKLCH

0.5838 0.2068 277.0

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#6265F2

#F2EF62

Analogous

#62ADF2

#A762F2

#6265F2

Triadic

#6265F2

#F26265

#65F262

Split Complementary

#6265F2

#F2A762

#ADF262

Tetradic

#6265F2

#F262AD

#F2EF62

#62F2A7

Color Blindness Simulation

Original

#6265F2

Protanopia

#6363D0

Deuteranopia

#6363C8

Tritanopia

#62B5AF

Achromatopsia

#6F6F6F

CSS Usage

background-color: #6265F2;
color: #6265F2;
border-color: #6265F2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBEFA
300
#8E90F6
400
#5154F1
500
#1418EB
600
#1013BC
700
#0C0F97
800
#0A0C76
900
#0C0D55
950
#070836

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass 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