#316664

#316664

Color Values

HEX

#316664

RGB

49, 102, 100

HSL

177.7, 35.1%, 29.6%

HSV

177.7, 52.0%, 40.0%

CMYK

52.0%, 0.0%, 2.0%, 60.0%

OKLCH

0.4735 0.0567 192.2

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#316664

#663133

Analogous

#316649

#314E66

#316664

Triadic

#316664

#643166

#666431

Split Complementary

#316664

#66314E

#664931

Tetradic

#316664

#493166

#663133

#4E6631

Color Blindness Simulation

Original

#316664

Protanopia

#484864

Deuteranopia

#454165

Tritanopia

#346565

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E7
300
#ACD7D6
400
#80C2BF
500
#53ACA9
600
#428A87
700
#356E6C
800
#295654
900
#21403F
950
#152828

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

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