#193D74

#193D74

Color Values

HEX

#193D74

RGB

25, 61, 116

HSL

216.3, 64.5%, 27.6%

HSV

216.3, 78.4%, 45.5%

CMYK

78.4%, 47.4%, 0.0%, 54.5%

OKLCH

0.3661 0.1033 258.8

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#193D74

#745019

Analogous

#196A74

#231974

#193D74

Triadic

#193D74

#74193D

#3D7419

Split Complementary

#193D74

#742319

#6A7419

Tetradic

#193D74

#74196A

#745019

#197423

Color Blindness Simulation

Original

#193D74

Protanopia

#292967

Deuteranopia

#262463

Tritanopia

#1B5C5A

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D6F2
300
#9ABAE9
400
#6494DE
500
#2D6ED2
600
#2458A8
700
#1D4786
800
#173769
900
#142B4D
950
#0D1B30

Contrast Checker

Text on white

10.71:1

AA Pass AAA Pass

Text on black

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