#2248AA

#2248AA

Color Values

HEX

#2248AA

RGB

34, 72, 170

HSL

223.2, 66.7%, 40.0%

HSV

223.2, 80.0%, 66.7%

CMYK

80.0%, 57.6%, 0.0%, 33.3%

OKLCH

0.4372 0.1634 264.5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#2248AA

#AA8422

Analogous

#228CAA

#4022AA

#2248AA

Triadic

#2248AA

#AA2248

#48AA22

Split Complementary

#2248AA

#AA4022

#8CAA22

Tetradic

#2248AA

#AA228C

#AA8422

#22AA40

Color Blindness Simulation

Original

#2248AA

Protanopia

#323392

Deuteranopia

#302D8D

Tritanopia

#24807B

Achromatopsia

#474747

CSS Usage

background-color: #2248AA;
color: #2248AA;
border-color: #2248AA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F5FC
100
#E3E9F7
200
#C3D1F3
300
#99B0EB
400
#6285E0
500
#2A5AD5
600
#2248AA
700
#1B3A88
800
#152D6A
900
#13244E
950
#0C1731

Contrast Checker

Text on white

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