#193166

#193166

Color Values

HEX

#193166

RGB

25, 49, 102

HSL

221.3, 60.6%, 24.9%

HSV

221.3, 75.5%, 40.0%

CMYK

75.5%, 52.0%, 0.0%, 60.0%

OKLCH

0.3265 0.0981 263.6

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#193166

#664E19

Analogous

#195766

#281966

#193166

Triadic

#193166

#661931

#316619

Split Complementary

#193166

#662819

#576619

Tetradic

#193166

#661957

#664E19

#196628

Color Blindness Simulation

Original

#193166

Protanopia

#232459

Deuteranopia

#222056

Tritanopia

#1A4F4D

Achromatopsia

#303030

CSS Usage

background-color: #193166;
color: #193166;
border-color: #193166;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F6FB
100
#E4EAF6
200
#C6D3F1
300
#9DB4E7
400
#678BDA
500
#3262CD
600
#284FA4
700
#203F83
800
#193166
900
#16264B
950
#0E182F

Contrast Checker

Text on white

12.56:1

AA Pass AAA Pass

Text on black

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