#22698B

#22698B

Color Values

HEX

#22698B

RGB

34, 105, 139

HSL

199.4, 60.7%, 33.9%

HSV

199.4, 75.5%, 54.5%

CMYK

75.5%, 24.5%, 0.0%, 45.5%

OKLCH

0.493 0.0874 233.6

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#22698B

#8B4422

Analogous

#228B78

#22358B

#22698B

Triadic

#22698B

#8B2269

#698B22

Split Complementary

#22698B

#8B2235

#8B7822

Tetradic

#22698B

#78228B

#8B4422

#358B22

Color Blindness Simulation

Original

#22698B

Protanopia

#414183

Deuteranopia

#3D3781

Tritanopia

#267C7B

Achromatopsia

#5C5C5C

CSS Usage

background-color: #22698B;
color: #22698B;
border-color: #22698B;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FB
100
#E4F0F6
200
#C6E3F1
300
#9DCFE7
400
#67B5DA
500
#329BCD
600
#287CA4
700
#206383
800
#194D66
900
#163A4B
950
#0E252F

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026