#6A74F0

#6A74F0

Color Values

HEX

#6A74F0

RGB

106, 116, 240

HSL

235.5, 81.7%, 67.8%

HSV

235.5, 55.8%, 94.1%

CMYK

55.8%, 51.7%, 0.0%, 5.9%

OKLCH

0.6144 0.1836 276.1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#6A74F0

#F0E66A

Analogous

#6AB7F0

#A36AF0

#6A74F0

Triadic

#6A74F0

#F06A74

#74F06A

Split Complementary

#6A74F0

#F0A36A

#B7F06A

Tetradic

#6A74F0

#F06AB7

#F0E66A

#6AF0A3

Color Blindness Simulation

Original

#6A74F0

Protanopia

#6E6ED2

Deuteranopia

#6E6DCB

Tritanopia

#6ABAB5

Achromatopsia

#7B7B7B

CSS Usage

background-color: #6A74F0;
color: #6A74F0;
border-color: #6A74F0;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E1E3FA
200
#BEC3F8
300
#9097F4
400
#545FEE
500
#1727E8
600
#131FB9
700
#0F1994
800
#0C1374
900
#0D1254
950
#080B35

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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