#194C86

#194C86

Color Values

HEX

#194C86

RGB

25, 76, 134

HSL

211.9, 68.6%, 31.2%

HSV

211.9, 81.3%, 52.5%

CMYK

81.3%, 43.3%, 0.0%, 47.5%

OKLCH

0.4152 0.1107 254.3

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#194C86

#865319

Analogous

#198386

#1C1986

#194C86

Triadic

#194C86

#86194C

#4C8619

Split Complementary

#194C86

#861C19

#838619

Tetradic

#194C86

#861983

#865319

#19861C

Color Blindness Simulation

Original

#194C86

Protanopia

#2F3078

Deuteranopia

#2C2875

Tritanopia

#1C6D6A

Achromatopsia

#454545

CSS Usage

background-color: #194C86;
color: #194C86;
border-color: #194C86;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3DAF4
300
#98BFEC
400
#609DE1
500
#287AD7
600
#2062AC
700
#1A4E8A
800
#143D6B
900
#132F4E
950
#0C1D31

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

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