#315057

#315057

Color Values

HEX

#315057

RGB

49, 80, 87

HSL

191.1, 27.9%, 26.7%

HSV

191.1, 43.7%, 34.1%

CMYK

43.7%, 8.0%, 0.0%, 65.9%

OKLCH

0.41 0.0384 213.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#315057

#573831

Analogous

#31574B

#313D57

#315057

Triadic

#315057

#573150

#505731

Split Complementary

#315057

#57313D

#574B31

Tetradic

#315057

#4B3157

#573831

#3D5731

Color Blindness Simulation

Original

#315057

Protanopia

#3E3F55

Deuteranopia

#3D3A55

Tritanopia

#335454

Achromatopsia

#4A4A4A

CSS Usage

background-color: #315057;
color: #315057;
border-color: #315057;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D1E2E5
300
#B1CDD3
400
#86B1BB
500
#5C96A3
600
#4A7882
700
#3B6068
800
#2E4B52
900
#24383D
950
#172326

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

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