#316993

#316993

Color Values

HEX

#316993

RGB

49, 105, 147

HSL

205.7, 50.0%, 38.4%

HSV

205.7, 66.7%, 57.6%

CMYK

66.7%, 28.6%, 0.0%, 42.4%

OKLCH

0.5024 0.0894 243.6

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#316993

#935B31

Analogous

#31938C

#313893

#316993

Triadic

#316993

#933169

#699331

Split Complementary

#316993

#933138

#938C31

Tetradic

#316993

#8C3193

#935B31

#389331

Color Blindness Simulation

Original

#316993

Protanopia

#494A89

Deuteranopia

#464286

Tritanopia

#34817F

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#C9DEED
300
#A3C6E0
400
#71A7D0
500
#4089BF
600
#336D99
700
#29577A
800
#204460
900
#1B3446
950
#11212C

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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