#31614F

#31614F

Color Values

HEX

#31614F

RGB

49, 97, 79

HSL

157.5, 32.9%, 28.6%

HSV

157.5, 49.5%, 38.0%

CMYK

49.5%, 0.0%, 18.6%, 62.0%

OKLCH

0.4529 0.0609 167.2

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#31614F

#613143

Analogous

#316137

#315B61

#31614F

Triadic

#31614F

#4F3161

#614F31

Split Complementary

#31614F

#61315B

#613731

Tetradic

#31614F

#373161

#613143

#5B6131

Color Blindness Simulation

Original

#31614F

Protanopia

#464653

Deuteranopia

#433F54

Tritanopia

#335758

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E7DE
300
#AED6C7
400
#82C0A8
500
#56A98A
600
#44886E
700
#376C58
800
#2B5545
900
#223F34
950
#162821

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

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