#193458

#193458

Color Values

HEX

#193458

RGB

25, 52, 88

HSL

214.3, 55.8%, 22.2%

HSV

214.3, 71.6%, 34.5%

CMYK

71.6%, 40.9%, 0.0%, 65.5%

OKLCH

0.3236 0.0724 256.3

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#193458

#583D19

Analogous

#195458

#1E1958

#193458

Triadic

#193458

#581934

#345819

Split Complementary

#193458

#581E19

#545819

Tetradic

#193458

#581954

#583D19

#19581E

Color Blindness Simulation

Original

#193458

Protanopia

#25254F

Deuteranopia

#23214D

Tritanopia

#1A4847

Achromatopsia

#313131

CSS Usage

background-color: #193458;
color: #193458;
border-color: #193458;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F4F7FB
100
#E5ECF6
200
#C7D8EF
300
#A0BDE4
400
#6C99D5
500
#3875C7
600
#2D5E9F
700
#244B7F
800
#1C3B63
900
#182D49
950
#0F1C2E

Contrast Checker

Text on white

12.55:1

AA Pass AAA Pass

Text on black

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