#46684A

#46684A

Color Values

HEX

#46684A

RGB

70, 104, 74

HSL

127.1, 19.5%, 34.1%

HSV

127.1, 32.7%, 40.8%

CMYK

32.7%, 0.0%, 28.8%, 59.2%

OKLCH

0.4823 0.0619 147.5

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#46684A

#684664

Analogous

#536846

#46685B

#46684A

Triadic

#46684A

#4A4668

#684A46

Split Complementary

#46684A

#5B4668

#684653

Tetradic

#46684A

#465368

#684664

#685B46

Color Blindness Simulation

Original

#46684A

Protanopia

#555551

Deuteranopia

#535053

Tritanopia

#485758

Achromatopsia

#5F5F5F

CSS Usage

background-color: #46684A;
color: #46684A;
border-color: #46684A;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D4E2D6
300
#B6CEB9
400
#8EB393
500
#67986D
600
#527A57
700
#426245
800
#334C36
900
#28392A
950
#19241B

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

3.34:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026