#307B28

#307B28

Color Values

HEX

#307B28

RGB

48, 123, 40

HSL

114.2, 50.9%, 32.0%

HSV

114.2, 67.5%, 48.2%

CMYK

61.0%, 0.0%, 67.5%, 51.8%

OKLCH

0.5173 0.1395 141.7

Properties

Cool Dark Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#307B28

#73287B

Analogous

#5A7B28

#287B4A

#307B28

Triadic

#307B28

#28307B

#7B2830

Split Complementary

#307B28

#4A287B

#7B285A

Tetradic

#307B28

#285A7B

#73287B

#7B4A28

Color Blindness Simulation

Original

#307B28

Protanopia

#50513C

Deuteranopia

#4C4641

Tritanopia

#344C4F

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E7F5E5
200
#CDEDC9
300
#A9E1A3
400
#7AD171
500
#4BC03F
600
#3C9A32
700
#307B28
800
#26601F
900
#1F471A
950
#132D11

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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