#308F2E

#308F2E

Color Values

HEX

#308F2E

RGB

48, 143, 46

HSL

118.8, 51.3%, 37.1%

HSV

118.8, 67.8%, 56.1%

CMYK

66.4%, 0.0%, 67.8%, 43.9%

OKLCH

0.5737 0.1607 142.8

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#308F2E

#8D2E8F

Analogous

#618F2E

#2E8F5D

#308F2E

Triadic

#308F2E

#2E308F

#8F2E30

Split Complementary

#308F2E

#5D2E8F

#8F2E61

Tetradic

#308F2E

#2E618F

#8D2E8F

#8F5D2E

Color Blindness Simulation

Original

#308F2E

Protanopia

#595A45

Deuteranopia

#544C4B

Tritanopia

#35585C

Achromatopsia

#747474

CSS Usage

background-color: #308F2E;
color: #308F2E;
border-color: #308F2E;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#CAEEC9
300
#A4E1A2
400
#72D170
500
#41C13E
600
#349A32
700
#297B28
800
#20601F
900
#1B471A
950
#112D10

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.09:1

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