#315192

#315192

Color Values

HEX

#315192

RGB

49, 81, 146

HSL

220.2, 49.7%, 38.2%

HSV

220.2, 66.4%, 57.3%

CMYK

66.4%, 44.5%, 0.0%, 42.7%

OKLCH

0.445 0.1133 262.9

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#315192

#927231

Analogous

#318192

#413192

#315192

Triadic

#315192

#923151

#519231

Split Complementary

#315192

#924131

#819231

Tetradic

#315192

#923181

#927231

#319241

Color Blindness Simulation

Original

#315192

Protanopia

#3F3F82

Deuteranopia

#3D3B7E

Tritanopia

#337673

Achromatopsia

#4F4F4F

CSS Usage

background-color: #315192;
color: #315192;
border-color: #315192;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#CAD5ED
300
#A3B7E0
400
#7291D0
500
#406ABF
600
#335599
700
#29447A
800
#20355F
900
#1B2946
950
#111A2C

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

2.72:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026