#305337

#305337

Color Values

HEX

#305337

RGB

48, 83, 55

HSL

132.0, 26.7%, 25.7%

HSV

132.0, 42.2%, 32.5%

CMYK

42.2%, 0.0%, 33.7%, 67.5%

OKLCH

0.407 0.0621 149.4

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#305337

#53304C

Analogous

#3B5330

#305349

#305337

Triadic

#305337

#373053

#533730

Split Complementary

#305337

#493053

#53303B

Tetradic

#305337

#303B53

#53304C

#534930

Color Blindness Simulation

Original

#305337

Protanopia

#3F3F3E

Deuteranopia

#3D3A3F

Tritanopia

#324344

Achromatopsia

#4A4A4A

CSS Usage

background-color: #305337;
color: #305337;
border-color: #305337;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D2E5D6
300
#B1D2B8
400
#87BA92
500
#5DA26B
600
#4B8156
700
#3C6745
800
#2F5136
900
#253C29
950
#17261A

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

2.42:1

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