#626BFE

#626BFE

Color Values

HEX

#626BFE

RGB

98, 107, 254

HSL

236.5, 98.7%, 69.0%

HSV

236.5, 61.4%, 99.6%

CMYK

61.4%, 57.9%, 0.0%, 0.4%

OKLCH

0.6032 0.2149 275.2

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#626BFE

#FEF562

Analogous

#62B9FE

#A762FE

#626BFE

Triadic

#626BFE

#FE626B

#6BFE62

Split Complementary

#626BFE

#FEA762

#B9FE62

Tetradic

#626BFE

#FE62B9

#FEF562

#62FEA7

Color Blindness Simulation

Original

#626BFE

Protanopia

#6666DA

Deuteranopia

#6565D2

Tritanopia

#62BEB8

Achromatopsia

#747474

CSS Usage

background-color: #626BFE;
color: #626BFE;
border-color: #626BFE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BCFF
300
#858CFE
400
#444EFE
500
#0210FD
600
#010DCB
700
#010AA2
800
#01087F
900
#050A5B
950
#03073A

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026