#0048CD

#0048CD

Color Values

HEX

#0048CD

RGB

0, 72, 205

HSL

218.9, 100.0%, 40.2%

HSV

218.9, 100.0%, 80.4%

CMYK

100.0%, 64.9%, 0.0%, 19.6%

OKLCH

0.462 0.2142 262.0

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#0048CD

#CD8500

Analogous

#00AFCD

#1E00CD

#0048CD

Triadic

#0048CD

#CD0048

#48CD00

Split Complementary

#0048CD

#CD1E00

#AFCD00

Tetradic

#0048CD

#CD00AF

#CD8500

#00CD1E

Color Blindness Simulation

Original

#0048CD

Protanopia

#1F20AD

Deuteranopia

#1B16A5

Tritanopia

#04938E

Achromatopsia

#424242

CSS Usage

background-color: #0048CD;
color: #0048CD;
border-color: #0048CD;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F5FE
100
#DEE9FC
200
#B8D1FF
300
#85B0FF
400
#4285FF
500
#005AFF
600
#0048CC
700
#0039A3
800
#002D80
900
#05245C
950
#03163A

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

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