#226899

#226899

Color Values

HEX

#226899

RGB

34, 104, 153

HSL

204.7, 63.6%, 36.7%

HSV

204.7, 77.8%, 60.0%

CMYK

77.8%, 32.0%, 0.0%, 40.0%

OKLCH

0.4981 0.1038 243.7

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#226899

#995322

Analogous

#22998F

#222D99

#226899

Triadic

#226899

#992268

#689922

Split Complementary

#226899

#99222D

#998F22

Tetradic

#226899

#8F2299

#995322

#2D9922

Color Blindness Simulation

Original

#226899

Protanopia

#40418D

Deuteranopia

#3C378A

Tritanopia

#268482

Achromatopsia

#5D5D5D

CSS Usage

background-color: #226899;
color: #226899;
border-color: #226899;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5DFF2
300
#9BC9E9
400
#65ABDD
500
#2E8ED1
600
#2571A7
700
#1E5B85
800
#174768
900
#15354C
950
#0D2230

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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