#316293

#316293

Color Values

HEX

#316293

RGB

49, 98, 147

HSL

210.0, 50.0%, 38.4%

HSV

210.0, 66.7%, 57.6%

CMYK

66.7%, 33.3%, 0.0%, 42.4%

OKLCH

0.4855 0.0955 250.4

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#316293

#936231

Analogous

#319393

#313193

#316293

Triadic

#316293

#933162

#629331

Split Complementary

#316293

#933131

#939331

Tetradic

#316293

#933193

#936231

#319331

Color Blindness Simulation

Original

#316293

Protanopia

#464787

Deuteranopia

#434084

Tritanopia

#337E7C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#C9DBED
300
#A3C2E0
400
#71A1D0
500
#4080BF
600
#336699
700
#29527A
800
#204060
900
#1B3046
950
#111F2C

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

3.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026