#6950F2

#6950F2

Color Values

HEX

#6950F2

RGB

105, 80, 242

HSL

249.3, 86.2%, 63.1%

HSV

249.3, 66.9%, 94.9%

CMYK

56.6%, 66.9%, 0.0%, 5.1%

OKLCH

0.5556 0.2303 283.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6950F2

#D9F250

Analogous

#5088F2

#BA50F2

#6950F2

Triadic

#6950F2

#F26950

#50F269

Split Complementary

#6950F2

#F2BA50

#88F250

Tetradic

#6950F2

#F25088

#D9F250

#50F2BA

Color Blindness Simulation

Original

#6950F2

Protanopia

#5E5ECB

Deuteranopia

#6062C1

Tritanopia

#68ACA5

Achromatopsia

#616161

CSS Usage

background-color: #6950F2;
color: #6950F2;
border-color: #6950F2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C6BDFA
300
#9D8DF7
400
#694FF2
500
#3412ED
600
#290EBE
700
#210B98
800
#1A0977
900
#170B56
950
#0E0736

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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