#314557

#314557

Color Values

HEX

#314557

RGB

49, 69, 87

HSL

208.4, 27.9%, 26.7%

HSV

208.4, 43.7%, 34.1%

CMYK

43.7%, 20.7%, 0.0%, 65.9%

OKLCH

0.3814 0.0399 246.2

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#314557

#574331

Analogous

#315756

#313257

#314557

Triadic

#314557

#573145

#455731

Split Complementary

#314557

#573132

#575631

Tetradic

#314557

#563157

#574331

#325731

Color Blindness Simulation

Original

#314557

Protanopia

#3A3A53

Deuteranopia

#383752

Tritanopia

#324F4E

Achromatopsia

#424242

CSS Usage

background-color: #314557;
color: #314557;
border-color: #314557;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D1DCE5
300
#B1C3D3
400
#86A2BB
500
#5C81A3
600
#4A6882
700
#3B5368
800
#2E4152
900
#24313D
950
#171F26

Contrast Checker

Text on white

9.91:1

AA Pass AAA Pass

Text on black

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