#6068F6

#6068F6

Color Values

HEX

#6068F6

RGB

96, 104, 246

HSL

236.8, 89.3%, 67.1%

HSV

236.8, 61.0%, 96.5%

CMYK

61.0%, 57.7%, 0.0%, 3.5%

OKLCH

0.5907 0.2087 275.5

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#6068F6

#F6EE60

Analogous

#60B3F6

#A360F6

#6068F6

Triadic

#6068F6

#F66068

#68F660

Split Complementary

#6068F6

#F6A360

#B3F660

Tetradic

#6068F6

#F660B3

#F6EE60

#60F6A3

Color Blindness Simulation

Original

#6068F6

Protanopia

#6364D4

Deuteranopia

#6362CB

Tritanopia

#60B8B3

Achromatopsia

#717171

CSS Usage

background-color: #6068F6;
color: #6068F6;
border-color: #6068F6;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BBBFFB
300
#8B91F8
400
#4C55F5
500
#0E1AF1
600
#0B15C1
700
#09119A
800
#070D79
900
#0A0E57
950
#060937

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026