#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026