#317067

#317067

Color Values

HEX

#317067

RGB

49, 112, 103

HSL

171.4, 39.1%, 31.6%

HSV

171.4, 56.2%, 43.9%

CMYK

56.2%, 0.0%, 8.0%, 56.1%

OKLCH

0.5011 0.0665 182.9

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#317067

#70313A

Analogous

#317048

#315A70

#317067

Triadic

#317067

#673170

#706731

Split Complementary

#317067

#70315A

#704831

Tetradic

#317067

#483170

#70313A

#5A7031

Color Blindness Simulation

Original

#317067

Protanopia

#4C4D69

Deuteranopia

#49446A

Tritanopia

#346B6B

Achromatopsia

#626262

CSS Usage

background-color: #317067;
color: #317067;
border-color: #317067;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CDE9E5
300
#AADAD3
400
#7CC6BB
500
#4EB1A3
600
#3E8E82
700
#327268
800
#275952
900
#1F413D
950
#142926

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

3.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026