#307331

#307331

Color Values

HEX

#307331

RGB

48, 115, 49

HSL

120.9, 41.1%, 32.0%

HSV

120.9, 58.3%, 45.1%

CMYK

58.3%, 0.0%, 57.4%, 54.9%

OKLCH

0.496 0.1205 143.7

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#307331

#733072

Analogous

#517330

#307353

#307331

Triadic

#307331

#313073

#733130

Split Complementary

#307331

#533073

#733051

Tetradic

#307331

#305173

#733072

#735330

Color Blindness Simulation

Original

#307331

Protanopia

#4D4E41

Deuteranopia

#494445

Tritanopia

#334E50

Achromatopsia

#606060

CSS Usage

background-color: #307331;
color: #307331;
border-color: #307331;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CDEACD
300
#A9DBA9
400
#7AC77B
500
#4BB44D
600
#3C903D
700
#307331
800
#265A26
900
#1F421F
950
#132A14

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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