#2255DD

#2255DD

Color Values

HEX

#2255DD

RGB

34, 85, 221

HSL

223.6, 73.3%, 50.0%

HSV

223.6, 84.6%, 86.7%

CMYK

84.6%, 61.5%, 0.0%, 13.3%

OKLCH

0.5069 0.2144 264.2

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#2255DD

#DDAA22

Analogous

#22B3DD

#4C22DD

#2255DD

Triadic

#2255DD

#DD2255

#55DD22

Split Complementary

#2255DD

#DD4C22

#B3DD22

Tetradic

#2255DD

#DD22B3

#DDAA22

#22DD4C

Color Blindness Simulation

Original

#2255DD

Protanopia

#3839BC

Deuteranopia

#3531B4

Tritanopia

#25A29C

Achromatopsia

#545454

CSS Usage

background-color: #2255DD;
color: #2255DD;
border-color: #2255DD;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FC
100
#E2E8F8
200
#C1CFF5
300
#95ADEF
400
#5B81E6
500
#2255DD
600
#1B44B1
700
#16368D
800
#112B6E
900
#102250
950
#0A1533

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

3.41:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026