#318486

#318486

Color Values

HEX

#318486

RGB

49, 132, 134

HSL

181.4, 46.4%, 35.9%

HSV

181.4, 63.4%, 52.5%

CMYK

63.4%, 1.5%, 0.0%, 47.5%

OKLCH

0.5646 0.0787 197.4

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#318486

#863331

Analogous

#31865E

#315A86

#318486

Triadic

#318486

#863184

#848631

Split Complementary

#318486

#86315A

#865E31

Tetradic

#318486

#5E3186

#863331

#5A8631

Color Blindness Simulation

Original

#318486

Protanopia

#555686

Deuteranopia

#504A85

Tritanopia

#358585

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBEBEC
300
#A5DDDE
400
#75CACC
500
#44B8BB
600
#379395
700
#2C7677
800
#225C5D
900
#1C4445
950
#122B2B

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass 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