#194666

#194666

Color Values

HEX

#194666

RGB

25, 70, 102

HSL

204.9, 60.6%, 24.9%

HSV

204.9, 75.5%, 40.0%

CMYK

75.5%, 31.4%, 0.0%, 60.0%

OKLCH

0.3795 0.0734 243.2

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#194666

#663919

Analogous

#19665F

#192066

#194666

Triadic

#194666

#661946

#466619

Split Complementary

#194666

#661920

#665F19

Tetradic

#194666

#5F1966

#663919

#206619

Color Blindness Simulation

Original

#194666

Protanopia

#2C2D5E

Deuteranopia

#2A265C

Tritanopia

#1B5857

Achromatopsia

#3F3F3F

CSS Usage

background-color: #194666;
color: #194666;
border-color: #194666;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FB
100
#E4EFF6
200
#C6DFF1
300
#9DC8E7
400
#67AADA
500
#328DCD
600
#2871A4
700
#205A83
800
#194666
900
#16354B
950
#0E212F

Contrast Checker

Text on white

9.96:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026