#315F58

#315F58

Color Values

HEX

#315F58

RGB

49, 95, 88

HSL

170.9, 31.9%, 28.2%

HSV

170.9, 48.4%, 37.3%

CMYK

48.4%, 0.0%, 7.4%, 62.7%

OKLCH

0.4504 0.0522 182.9

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#315F58

#5F3138

Analogous

#315F41

#314F5F

#315F58

Triadic

#315F58

#58315F

#5F5831

Split Complementary

#315F58

#5F314F

#5F4131

Tetradic

#315F58

#41315F

#5F3138

#4F5F31

Color Blindness Simulation

Original

#315F58

Protanopia

#45455A

Deuteranopia

#423F5A

Tritanopia

#335B5B

Achromatopsia

#555555

CSS Usage

background-color: #315F58;
color: #315F58;
border-color: #315F58;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E3
300
#AED5CF
400
#83BFB6
500
#57A89C
600
#45877D
700
#386C64
800
#2B544E
900
#233E3A
950
#162725

Contrast Checker

Text on white

7.22:1

AA Pass AAA Pass

Text on black

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