#316250

#316250

Color Values

HEX

#316250

RGB

49, 98, 80

HSL

158.0, 33.3%, 28.8%

HSV

158.0, 50.0%, 38.4%

CMYK

50.0%, 0.0%, 18.4%, 61.6%

OKLCH

0.456 0.0616 167.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#316250

#623143

Analogous

#316238

#315B62

#316250

Triadic

#316250

#503162

#625031

Split Complementary

#316250

#62315B

#623831

Tetradic

#316250

#383162

#623143

#5B6231

Color Blindness Simulation

Original

#316250

Protanopia

#464754

Deuteranopia

#434055

Tritanopia

#335859

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE7DE
300
#ADD6C7
400
#81C0A9
500
#55AA8B
600
#44886F
700
#366D59
800
#2B5545
900
#223F34
950
#152821

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

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