#316264

#316264

Color Values

HEX

#316264

RGB

49, 98, 100

HSL

182.4, 34.2%, 29.2%

HSV

182.4, 51.0%, 39.2%

CMYK

51.0%, 2.0%, 0.0%, 60.8%

OKLCH

0.4629 0.0531 199.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#316264

#643331

Analogous

#31644C

#314864

#316264

Triadic

#316264

#643162

#626431

Split Complementary

#316264

#643148

#644C31

Tetradic

#316264

#4C3164

#643331

#486431

Color Blindness Simulation

Original

#316264

Protanopia

#464764

Deuteranopia

#434063

Tritanopia

#336363

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE7E8
300
#ADD5D7
400
#80BEC1
500
#54A8AB
600
#438689
700
#366B6E
800
#2A5456
900
#223E3F
950
#152728

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026