#226EC0

#226EC0

Color Values

HEX

#226EC0

RGB

34, 110, 192

HSL

211.1, 69.9%, 44.3%

HSV

211.1, 82.3%, 75.3%

CMYK

82.3%, 42.7%, 0.0%, 24.7%

OKLCH

0.5364 0.1473 253.8

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#226EC0

#C07422

Analogous

#22BDC0

#2522C0

#226EC0

Triadic

#226EC0

#C0226E

#6EC022

Split Complementary

#226EC0

#C02522

#BDC022

Tetradic

#226EC0

#C022BD

#C07422

#22C025

Color Blindness Simulation

Original

#226EC0

Protanopia

#4344AC

Deuteranopia

#3E39A7

Tritanopia

#269C99

Achromatopsia

#646464

CSS Usage

background-color: #226EC0;
color: #226EC0;
border-color: #226EC0;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C2DAF4
300
#97C0ED
400
#5F9EE3
500
#267CD9
600
#1F63AD
700
#19508B
800
#133E6C
900
#122F4F
950
#0B1E32

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026