#304617

#304617

Color Values

HEX

#304617

RGB

48, 70, 23

HSL

88.1, 50.5%, 18.2%

HSV

88.1, 67.1%, 27.5%

CMYK

31.4%, 0.0%, 67.1%, 72.5%

OKLCH

0.3641 0.0765 130.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#304617

#2D1746

Analogous

#464417

#184617

#304617

Triadic

#304617

#173046

#461730

Split Complementary

#304617

#171846

#441746

Tetradic

#304617

#174644

#2D1746

#461718

Color Blindness Simulation

Original

#304617

Protanopia

#3A3A22

Deuteranopia

#383725

Tritanopia

#312B2D

Achromatopsia

#3E3E3E

CSS Usage

background-color: #304617;
color: #304617;
border-color: #304617;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DCEDC9
300
#C4E1A3
400
#A4D071
500
#84C03F
600
#699A32
700
#547B28
800
#426020
900
#32461A
950
#1F2D11

Contrast Checker

Text on white

10.43:1

AA Pass AAA Pass

Text on black

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