#004CAF

#004CAF

Color Values

HEX

#004CAF

RGB

0, 76, 175

HSL

213.9, 100.0%, 34.3%

HSV

213.9, 100.0%, 68.6%

CMYK

100.0%, 56.6%, 0.0%, 31.4%

OKLCH

0.4425 0.1711 258.9

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#004CAF

#AF6300

Analogous

#00A4AF

#0B00AF

#004CAF

Triadic

#004CAF

#AF004C

#4CAF00

Split Complementary

#004CAF

#AF0B00

#A4AF00

Tetradic

#004CAF

#AF00A4

#AF6300

#00AF0B

Color Blindness Simulation

Original

#004CAF

Protanopia

#212297

Deuteranopia

#1C1791

Tritanopia

#048480

Achromatopsia

#434343

CSS Usage

background-color: #004CAF;
color: #004CAF;
border-color: #004CAF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F7FE
100
#DEEBFC
200
#B8D7FF
300
#85BAFF
400
#4294FF
500
#006FFF
600
#0059CC
700
#0047A3
800
#003780
900
#052B5C
950
#031B3A

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

2.65:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026