#308354

#308354

Color Values

HEX

#308354

RGB

48, 131, 84

HSL

146.0, 46.4%, 35.1%

HSV

146.0, 63.4%, 51.4%

CMYK

63.4%, 0.0%, 35.9%, 48.6%

OKLCH

0.5467 0.1091 155.2

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#308354

#83305F

Analogous

#368330

#30837D

#308354

Triadic

#308354

#543083

#835430

Split Complementary

#308354

#7D3083

#833036

Tetradic

#308354

#303683

#83305F

#837D30

Color Blindness Simulation

Original

#308354

Protanopia

#54555F

Deuteranopia

#4F4962

Tritanopia

#34686A

Achromatopsia

#6E6E6E

CSS Usage

background-color: #308354;
color: #308354;
border-color: #308354;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CBECD9
300
#A5DEBE
400
#75CC9B
500
#44BB78
600
#379560
700
#2C774D
800
#225D3C
900
#1C452E
950
#122B1D

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

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