#005CCC

#005CCC

Color Values

HEX

#005CCC

RGB

0, 92, 204

HSL

212,9, 100,0%, 40,0%

HSV

212,9, 100,0%, 80,0%

CMYK

100,0%, 54,9%, 0,0%, 20,0%

OKLCH

0,5006 0,1891 258,5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#005CCC

#CC7000

Analogous

#00C2CC

#0A00CC

#005CCC

Triadic

#005CCC

#CC005C

#5CCC00

Split Complementary

#005CCC

#CC0A00

#C2CC00

Tetradic

#005CCC

#CC00C2

#CC7000

#00CC0A

Color Blindness Simulation

Original

#005CCC

Protanopia

#2829B1

Deuteranopia

#221CAA

Tritanopia

#059B97

Achromatopsia

#515151

CSS Usage

background-color: #005CCC;
color: #005CCC;
border-color: #005CCC;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D8FF
300
#85BCFF
400
#4298FF
500
#0073FF
600
#005CCC
700
#004AA3
800
#003A80
900
#052C5C
950
#031C3A

Contrast Checker

Text on white

6,17:1

AA Pass AAA Fail

Text on black

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