#196294

#196294

Color Values

HEX

#196294

RGB

25, 98, 148

HSL

204.4, 71.1%, 33.9%

HSV

204.4, 83.1%, 58.0%

CMYK

83.1%, 33.8%, 0.0%, 42.0%

OKLCH

0.4781 0.1059 244.1

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#196294

#944B19

Analogous

#199488

#192494

#196294

Triadic

#196294

#941962

#629419

Split Complementary

#196294

#941924

#948819

Tetradic

#196294

#881994

#944B19

#249419

Color Blindness Simulation

Original

#196294

Protanopia

#393988

Deuteranopia

#342F85

Tritanopia

#1D7E7C

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C2E0F5
300
#96CAED
400
#5EADE4
500
#2590DA
600
#1D74AF
700
#185C8C
800
#12486D
900
#11364F
950
#0B2232

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

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