#446249

#446249

Color Values

HEX

#446249

RGB

68, 98, 73

HSL

130.0, 18.1%, 32.5%

HSV

130.0, 30.6%, 38.4%

CMYK

30.6%, 0.0%, 25.5%, 61.6%

OKLCH

0.465 0.0536 149.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#446249

#62445D

Analogous

#4E6244

#446258

#446249

Triadic

#446249

#494462

#624944

Split Complementary

#446249

#584462

#62444E

Tetradic

#446249

#444E62

#62445D

#625844

Color Blindness Simulation

Original

#446249

Protanopia

#51514F

Deuteranopia

#4F4D50

Tritanopia

#465455

Achromatopsia

#5A5A5A

CSS Usage

background-color: #446249;
color: #446249;
border-color: #446249;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F7
100
#EAF0EB
200
#D5E2D7
300
#B7CDBA
400
#90B295
500
#689770
600
#54785A
700
#436048
800
#344B38
900
#29382B
950
#1A241B

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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