#446648

#446648

Color Values

HEX

#446648

RGB

68, 102, 72

HSL

127.1, 20.0%, 33.3%

HSV

127.1, 33.3%, 40.0%

CMYK

33.3%, 0.0%, 29.4%, 60.0%

OKLCH

0.4752 0.0621 147.5

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#446648

#664462

Analogous

#516644

#446659

#446648

Triadic

#446648

#484466

#664844

Split Complementary

#446648

#594466

#664451

Tetradic

#446648

#445166

#664462

#665944

Color Blindness Simulation

Original

#446648

Protanopia

#53534F

Deuteranopia

#514E51

Tritanopia

#465556

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D4E2D6
300
#B6CEB8
400
#8EB492
500
#66996C
600
#527A56
700
#416245
800
#334D36
900
#28392A
950
#19241A

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026