#0551C7

#0551C7

Color Values

HEX

#0551C7

RGB

5, 81, 199

HSL

216.5, 95.1%, 40.0%

HSV

216.5, 97.5%, 78.0%

CMYK

97.5%, 59.3%, 0.0%, 22.0%

OKLCH

0.4743 0.1955 260.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0551C7

#C77B05

Analogous

#05B2C7

#1A05C7

#0551C7

Triadic

#0551C7

#C70551

#51C705

Split Complementary

#0551C7

#C71A05

#B2C705

Tetradic

#0551C7

#C705B2

#C77B05

#05C71A

Color Blindness Simulation

Original

#0551C7

Protanopia

#2627AA

Deuteranopia

#221CA4

Tritanopia

#09948F

Achromatopsia

#494949

CSS Usage

background-color: #0551C7;
color: #0551C7;
border-color: #0551C7;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FD
300
#88B5FC
400
#478DFA
500
#0665F9
600
#0551C7
700
#04419F
800
#03337C
900
#07275A
950
#041939

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

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