#446447

#446447

Color Values

HEX

#446447

RGB

68, 100, 71

HSL

125.6, 19.0%, 32.9%

HSV

125.6, 32.0%, 39.2%

CMYK

32.0%, 0.0%, 29.0%, 60.8%

OKLCH

0.4697 0.0596 146.9

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#446447

#644461

Analogous

#516444

#446457

#446447

Triadic

#446447

#474464

#644744

Split Complementary

#446447

#574464

#644451

Tetradic

#446447

#445164

#644461

#645744

Color Blindness Simulation

Original

#446447

Protanopia

#52524E

Deuteranopia

#504E50

Tritanopia

#465455

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D6
300
#B6CDB8
400
#8FB392
500
#67986C
600
#537956
700
#426145
800
#344C36
900
#28392A
950
#19241A

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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