#2048AC

#2048AC

Color Values

HEX

#2048AC

RGB

32, 72, 172

HSL

222.9, 68.6%, 40.0%

HSV

222.9, 81.4%, 67.5%

CMYK

81.4%, 58.1%, 0.0%, 32.5%

OKLCH

0.4382 0.1666 264.1

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#2048AC

#AC8420

Analogous

#208EAC

#3E20AC

#2048AC

Triadic

#2048AC

#AC2048

#48AC20

Split Complementary

#2048AC

#AC3E20

#8EAC20

Tetradic

#2048AC

#AC208E

#AC8420

#20AC3E

Color Blindness Simulation

Original

#2048AC

Protanopia

#313294

Deuteranopia

#2F2C8E

Tritanopia

#22817C

Achromatopsia

#474747

CSS Usage

background-color: #2048AC;
color: #2048AC;
border-color: #2048AC;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F5FC
100
#E3E9F8
200
#C3D1F4
300
#98B0EC
400
#6085E1
500
#285AD7
600
#2048AC
700
#1A3A8A
800
#142D6B
900
#13244E
950
#0C1631

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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