#315559

#315559

Color Values

HEX

#315559

RGB

49, 85, 89

HSL

186.0, 29.0%, 27.1%

HSV

186.0, 44.9%, 34.9%

CMYK

44.9%, 4.5%, 0.0%, 65.1%

OKLCH

0.4241 0.0419 204.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#315559

#593531

Analogous

#315949

#314159

#315559

Triadic

#315559

#593155

#555931

Split Complementary

#315559

#593141

#594931

Tetradic

#315559

#493159

#593531

#415931

Color Blindness Simulation

Original

#315559

Protanopia

#414158

Deuteranopia

#3E3C58

Tritanopia

#335757

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D1E4E6
300
#B0D0D4
400
#85B7BC
500
#5B9DA4
600
#487E84
700
#3A6569
800
#2D4F52
900
#243B3D
950
#172527

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

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