#226581

#226581

Color Values

HEX

#226581

RGB

34, 101, 129

HSL

197.7, 58.3%, 32.0%

HSV

197.7, 73.6%, 50.6%

CMYK

73.6%, 21.7%, 0.0%, 49.4%

OKLCH

0.4778 0.0796 229.7

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#226581

#813E22

Analogous

#22816E

#223681

#226581

Triadic

#226581

#812265

#658122

Split Complementary

#226581

#812236

#816E22

Tetradic

#226581

#6E2281

#813E22

#368122

Color Blindness Simulation

Original

#226581

Protanopia

#3F407A

Deuteranopia

#3B3679

Tritanopia

#257574

Achromatopsia

#595959

CSS Usage

background-color: #226581;
color: #226581;
border-color: #226581;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F9FB
100
#E4F1F6
200
#C6E4F0
300
#9ED0E5
400
#6AB7D8
500
#359ECA
600
#2B7EA1
700
#226581
800
#1B4F65
900
#173B4A
950
#0F252F

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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