#306625

#306625

Color Values

HEX

#306625

RGB

48, 102, 37

HSL

109.8, 46.8%, 27.3%

HSV

109.8, 63.7%, 40.0%

CMYK

52.9%, 0.0%, 63.7%, 60.0%

OKLCH

0.4576 0.1127 140.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#306625

#5B2566

Analogous

#516625

#25663B

#306625

Triadic

#306625

#253066

#662530

Split Complementary

#306625

#3B2566

#662551

Tetradic

#306625

#255166

#5B2566

#663B25

Color Blindness Simulation

Original

#306625

Protanopia

#474835

Deuteranopia

#444038

Tritanopia

#334144

Achromatopsia

#565656

CSS Usage

background-color: #306625;
color: #306625;
border-color: #306625;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F5FAF4
100
#E8F4E6
200
#D0ECCB
300
#AFDEA5
400
#84CD74
500
#58BB44
600
#469636
700
#38782B
800
#2C5E22
900
#23451C
950
#162B12

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

3.05:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026