#315459

#315459

Color Values

HEX

#315459

RGB

49, 84, 89

HSL

187.5, 29.0%, 27.1%

HSV

187.5, 44.9%, 34.9%

CMYK

44.9%, 5.6%, 0.0%, 65.1%

OKLCH

0.4214 0.0413 207.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#315459

#593631

Analogous

#31594A

#314059

#315459

Triadic

#315459

#593154

#545931

Split Complementary

#315459

#593140

#594A31

Tetradic

#315459

#4A3159

#593631

#405931

Color Blindness Simulation

Original

#315459

Protanopia

#404058

Deuteranopia

#3E3C58

Tritanopia

#335757

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F0F2
200
#D1E3E6
300
#B0CFD4
400
#85B5BC
500
#5B9BA4
600
#487C84
700
#3A6369
800
#2D4E52
900
#243A3D
950
#172527

Contrast Checker

Text on white

8.26:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026