#316596

#316596

Color Values

HEX

#316596

RGB

49, 101, 150

HSL

209.1, 50.8%, 39.0%

HSV

209.1, 67.3%, 58.8%

CMYK

67.3%, 32.7%, 0.0%, 41.2%

OKLCH

0.4944 0.0966 249.2

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#316596

#966231

Analogous

#319694

#313296

#316596

Triadic

#316596

#963165

#659631

Split Complementary

#316596

#963132

#969431

Tetradic

#316596

#943196

#966231

#329631

Color Blindness Simulation

Original

#316596

Protanopia

#48488A

Deuteranopia

#444187

Tritanopia

#34817F

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DCED
300
#A3C3E1
400
#71A2D1
500
#3F81C0
600
#32689A
700
#28537B
800
#1F4160
900
#1A3147
950
#111F2D

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

3.43:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026