#055FC7

#055FC7

Color Values

HEX

#055FC7

RGB

5, 95, 199

HSL

212.2, 95.1%, 40.0%

HSV

212.2, 97.5%, 78.0%

CMYK

97.5%, 52.3%, 0.0%, 22.0%

OKLCH

0.5035 0.1785 257.4

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#055FC7

#C76D05

Analogous

#05C0C7

#0C05C7

#055FC7

Triadic

#055FC7

#C7055F

#5FC705

Split Complementary

#055FC7

#C70C05

#C0C705

Tetradic

#055FC7

#C705C0

#C76D05

#05C70C

Color Blindness Simulation

Original

#055FC7

Protanopia

#2C2DAE

Deuteranopia

#2720A8

Tritanopia

#0A9A96

Achromatopsia

#535353

CSS Usage

background-color: #055FC7;
color: #055FC7;
border-color: #055FC7;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FE
100
#DFECFC
200
#B9D9FD
300
#88BEFC
400
#479AFA
500
#0677F9
600
#055FC7
700
#044C9F
800
#033B7C
900
#072D5A
950
#041D39

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

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