#498326

#498326

Color Values

HEX

#498326

RGB

73, 131, 38

HSL

97.4, 55.0%, 33.1%

HSV

97.4, 71.0%, 51.4%

CMYK

44.3%, 0.0%, 71.0%, 48.6%

OKLCH

0.5503 0.139 136.0

Properties

Cool Dark Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#498326

#602683

Analogous

#778326

#268331

#498326

Triadic

#498326

#264983

#832649

Split Complementary

#498326

#312683

#832677

Tetradic

#498326

#267783

#602683

#833126

Color Blindness Simulation

Original

#498326

Protanopia

#62633C

Deuteranopia

#5F5A42

Tritanopia

#4C4E52

Achromatopsia

#707070

CSS Usage

background-color: #498326;
color: #498326;
border-color: #498326;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FBF4
100
#EBF5E5
200
#D6EFC8
300
#B9E3A0
400
#94D56D
500
#6EC639
600
#589E2E
700
#477E25
800
#37631D
900
#2B4818
950
#1B2E0F

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass 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