#3060CF

#3060CF

Color Values

HEX

#3060CF

RGB

48, 96, 207

HSL

221,9, 62,4%, 50,0%

HSV

221,9, 76,8%, 81,2%

CMYK

76,8%, 53,6%, 0,0%, 18,8%

OKLCH

0,5212 0,18 263,7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#3060CF

#CF9F30

Analogous

#30B0CF

#4F30CF

#3060CF

Triadic

#3060CF

#CF3060

#60CF30

Split Complementary

#3060CF

#CF4F30

#B0CF30

Tetradic

#3060CF

#CF30B0

#CF9F30

#30CF4F

Color Blindness Simulation

Original

#3060CF

Protanopia

#4545B4

Deuteranopia

#423EAE

Tritanopia

#329F9A

Achromatopsia

#5E5E5E

CSS Usage

background-color: #3060CF;
color: #3060CF;
border-color: #3060CF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F6FB
100
#E4E9F7
200
#C5D2F2
300
#9CB3E8
400
#6689DC
500
#3060CF
600
#264DA6
700
#1F3D85
800
#183068
900
#15264C
950
#0D1830

Contrast Checker

Text on white

5,68:1

AA Pass AAA Fail

Text on black

3,7: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