#3054CF

#3054CF

Color Values

HEX

#3054CF

RGB

48, 84, 207

HSL

226.4, 62.4%, 50.0%

HSV

226.4, 76.8%, 81.2%

CMYK

76.8%, 59.4%, 0.0%, 18.8%

OKLCH

0.4976 0.1944 266.6

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#3054CF

#CFAB30

Analogous

#30A4CF

#5B30CF

#3054CF

Triadic

#3054CF

#CF3054

#54CF30

Split Complementary

#3054CF

#CF5B30

#A4CF30

Tetradic

#3054CF

#CF30A4

#CFAB30

#30CF5B

Color Blindness Simulation

Original

#3054CF

Protanopia

#4040B1

Deuteranopia

#3E3BAA

Tritanopia

#329A95

Achromatopsia

#555555

CSS Usage

background-color: #3054CF;
color: #3054CF;
border-color: #3054CF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F5FB
100
#E4E8F7
200
#C5CFF2
300
#9CADE8
400
#6680DC
500
#3054CF
600
#2643A6
700
#1F3685
800
#182A68
900
#15224C
950
#0D1530

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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