#315257

#315257

Color Values

HEX

#315257

RGB

49, 82, 87

HSL

187.9, 27.9%, 26.7%

HSV

187.9, 43.7%, 34.1%

CMYK

43.7%, 5.7%, 0.0%, 65.9%

OKLCH

0.4153 0.0394 207.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#315257

#573631

Analogous

#315749

#313F57

#315257

Triadic

#315257

#573152

#525731

Split Complementary

#315257

#57313F

#574931

Tetradic

#315257

#493157

#573631

#3F5731

Color Blindness Simulation

Original

#315257

Protanopia

#3F4056

Deuteranopia

#3D3B56

Tritanopia

#335555

Achromatopsia

#4B4B4B

CSS Usage

background-color: #315257;
color: #315257;
border-color: #315257;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D1E3E5
300
#B1CED3
400
#86B4BB
500
#5C9AA3
600
#4A7B82
700
#3B6268
800
#2E4D52
900
#24393D
950
#172426

Contrast Checker

Text on white

8.48:1

AA Pass AAA Pass

Text on black

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