#226DC2

#226DC2

Color Values

HEX

#226DC2

RGB

34, 109, 194

HSL

211.9, 70.2%, 44.7%

HSV

211.9, 82.5%, 76.1%

CMYK

82.5%, 43.8%, 0.0%, 23.9%

OKLCH

0.5354 0.151 254.7

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#226DC2

#C27722

Analogous

#22BDC2

#2722C2

#226DC2

Triadic

#226DC2

#C2226D

#6DC222

Split Complementary

#226DC2

#C22722

#BDC222

Tetradic

#226DC2

#C222BD

#C27722

#22C227

Color Blindness Simulation

Original

#226DC2

Protanopia

#4243AD

Deuteranopia

#3E38A8

Tritanopia

#269D9A

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C2DAF4
300
#97BFED
400
#5E9CE3
500
#267AD9
600
#1E61AE
700
#184E8B
800
#133D6D
900
#122F4F
950
#0B1D32

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026