#314251

#314251

Color Values

HEX

#314251

RGB

49, 66, 81

HSL

208.1, 24.6%, 25.5%

HSV

208.1, 39.5%, 31.8%

CMYK

39.5%, 18.5%, 0.0%, 68.2%

OKLCH

0.3708 0.0339 245.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#314251

#514031

Analogous

#315150

#313251

#314251

Triadic

#314251

#513142

#425131

Split Complementary

#314251

#513132

#515031

Tetradic

#314251

#503151

#514031

#325131

Color Blindness Simulation

Original

#314251

Protanopia

#38394D

Deuteranopia

#37364C

Tritanopia

#324B4A

Achromatopsia

#3F3F3F

CSS Usage

background-color: #314251;
color: #314251;
border-color: #314251;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DCE4
300
#B3C3D1
400
#89A2B8
500
#60819F
600
#4D687F
700
#3E5366
800
#30414F
900
#26313B
950
#181F25

Contrast Checker

Text on white

10.35:1

AA Pass AAA Pass

Text on black

2.03:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026