#308953

#308953

Color Values

HEX

#308953

RGB

48, 137, 83

HSL

143.6, 48.1%, 36.3%

HSV

143.6, 65.0%, 53.7%

CMYK

65.0%, 0.0%, 39.4%, 46.3%

OKLCH

0.5629 0.1189 153.3

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#308953

#893066

Analogous

#3A8930

#308980

#308953

Triadic

#308953

#533089

#895330

Split Complementary

#308953

#803089

#89303A

Tetradic

#308953

#303A89

#893066

#898030

Color Blindness Simulation

Original

#308953

Protanopia

#575760

Deuteranopia

#514B63

Tritanopia

#346A6D

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CAECD8
300
#A4DFBC
400
#73CE97
500
#42BD72
600
#35975C
700
#2A7949
800
#215E39
900
#1B452C
950
#112C1C

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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