#316063

#316063

Color Values

HEX

#316063

RGB

49, 96, 99

HSL

183.6, 33.8%, 29.0%

HSV

183.6, 50.5%, 38.8%

CMYK

50.5%, 3.0%, 0.0%, 61.2%

OKLCH

0.4572 0.0515 200.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#316063

#633431

Analogous

#31634D

#314763

#316063

Triadic

#316063

#633160

#606331

Split Complementary

#316063

#633147

#634D31

Tetradic

#316063

#4D3163

#633431

#476331

Color Blindness Simulation

Original

#316063

Protanopia

#454662

Deuteranopia

#433F62

Tritanopia

#336262

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE6E7
300
#ADD4D6
400
#81BDC1
500
#54A5AB
600
#448488
700
#366A6D
800
#2A5355
900
#223D3F
950
#152728

Contrast Checker

Text on white

7.04:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026