#060CF9

#060CF9

Color Values

HEX

#060CF9

RGB

6, 12, 249

HSL

238.5, 95.3%, 50.0%

HSV

238.5, 97.6%, 97.6%

CMYK

97.6%, 95.2%, 0.0%, 2.4%

OKLCH

0.4488 0.3042 264.5

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#060CF9

#F9F306

Analogous

#0686F9

#7906F9

#060CF9

Triadic

#060CF9

#F9060C

#0CF906

Split Complementary

#060CF9

#F97906

#86F906

Tetradic

#060CF9

#F90686

#F9F306

#06F979

Color Blindness Simulation

Original

#060CF9

Protanopia

#0909C0

Deuteranopia

#0808B2

Tritanopia

#069288

Achromatopsia

#1C1C1C

CSS Usage

background-color: #060CF9;
color: #060CF9;
border-color: #060CF9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BBFD
300
#878AFC
400
#474BFB
500
#060CF9
600
#050AC7
700
#04089F
800
#03067D
900
#07095A
950
#040639

Contrast Checker

Text on white

8.65:1

AA Pass AAA Pass

Text on black

2.43:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026