#156194

#156194

Color Values

HEX

#156194

RGB

21, 97, 148

HSL

204.1, 75.1%, 33.1%

HSV

204.1, 85.8%, 58.0%

CMYK

85.8%, 34.5%, 0.0%, 42.0%

OKLCH

0.4748 0.1079 244.2

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#156194

#944815

Analogous

#159487

#152194

#156194

Triadic

#156194

#941561

#619415

Split Complementary

#156194

#941521

#948715

Tetradic

#156194

#871594

#944815

#219415

Color Blindness Simulation

Original

#156194

Protanopia

#363788

Deuteranopia

#322C85

Tritanopia

#197E7C

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EFF9
200
#C0E1F6
300
#94CBF0
400
#5AAFE8
500
#2092DF
600
#1975B3
700
#145E8F
800
#104970
900
#103751
950
#0A2333

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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