#306138

#306138

Color Values

HEX

#306138

RGB

48, 97, 56

HSL

129.8, 33.8%, 28.4%

HSV

129.8, 50.5%, 38.0%

CMYK

50.5%, 0.0%, 42.3%, 62.0%

OKLCH

0.4466 0.0852 147.6

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#306138

#613059

Analogous

#406130

#306150

#306138

Triadic

#306138

#383061

#613830

Split Complementary

#306138

#503061

#613040

Tetradic

#306138

#304061

#613059

#615030

Color Blindness Simulation

Original

#306138

Protanopia

#454642

Deuteranopia

#423F44

Tritanopia

#324A4B

Achromatopsia

#545454

CSS Usage

background-color: #306138;
color: #306138;
border-color: #306138;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5FAF6
100
#E8F2EA
200
#CFE7D3
300
#ADD6B4
400
#81C18B
500
#54AB62
600
#44884F
700
#366D3F
800
#2A5531
900
#223F27
950
#152818

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

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