#308034

#308034

Color Values

HEX

#308034

RGB

48, 128, 52

HSL

123.0, 45.5%, 34.5%

HSV

123.0, 62.5%, 50.2%

CMYK

62.5%, 0.0%, 59.4%, 49.8%

OKLCH

0.5328 0.1361 144.2

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#308034

#80307C

Analogous

#548030

#30805C

#308034

Triadic

#308034

#343080

#803430

Split Complementary

#308034

#5C3080

#803054

Tetradic

#308034

#305480

#80307C

#805C30

Color Blindness Simulation

Original

#308034

Protanopia

#535346

Deuteranopia

#4E484B

Tritanopia

#345558

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CBECCD
300
#A6DEA9
400
#76CC7A
500
#45BA4B
600
#38943C
700
#2C7730
800
#235D26
900
#1D441F
950
#122B13

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

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