#226ADD

#226ADD

Color Values

HEX

#226ADD

RGB

34, 106, 221

HSL

216.9, 73.3%, 50.0%

HSV

216.9, 84.6%, 86.7%

CMYK

84.6%, 52.0%, 0.0%, 13.3%

OKLCH

0.5483 0.1897 259.8

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#226ADD

#DD9522

Analogous

#22C7DD

#3822DD

#226ADD

Triadic

#226ADD

#DD226A

#6ADD22

Split Complementary

#226ADD

#DD3822

#C7DD22

Tetradic

#226ADD

#DD22C7

#DD9522

#22DD38

Color Blindness Simulation

Original

#226ADD

Protanopia

#4142C1

Deuteranopia

#3D38BA

Tritanopia

#26ABA6

Achromatopsia

#636363

CSS Usage

background-color: #226ADD;
color: #226ADD;
border-color: #226ADD;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C1D5F5
300
#95B7EF
400
#5B91E6
500
#226ADD
600
#1B55B1
700
#16448D
800
#11356E
900
#102950
950
#0A1A33

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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