#315447

#315447

Color Values

HEX

#315447

RGB

49, 84, 71

HSL

157.7, 26.3%, 26.1%

HSV

157.7, 41.7%, 32.9%

CMYK

41.7%, 0.0%, 15.5%, 67.1%

OKLCH

0.4149 0.0465 168.4

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#315447

#54313E

Analogous

#315436

#315054

#315447

Triadic

#315447

#473154

#544731

Split Complementary

#315447

#543150

#543631

Tetradic

#315447

#363154

#54313E

#505431

Color Blindness Simulation

Original

#315447

Protanopia

#40404A

Deuteranopia

#3E3C4B

Tritanopia

#334D4D

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E5DE
300
#B2D2C6
400
#88B9A7
500
#5EA188
600
#4B816D
700
#3C6757
800
#2F5144
900
#253C33
950
#172620

Contrast Checker

Text on white

8.43:1

AA Pass AAA Pass

Text on black

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