#348361

#348361

Color Values

HEX

#348361

RGB

52, 131, 97

HSL

154.2, 43.2%, 35.9%

HSV

154.2, 60.3%, 51.4%

CMYK

60.3%, 0.0%, 26.0%, 48.6%

OKLCH

0.5513 0.0947 162.2

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#348361

#833456

Analogous

#34833A

#347E83

#348361

Triadic

#348361

#613483

#836134

Split Complementary

#348361

#83347E

#833A34

Tetradic

#348361

#3A3483

#833456

#7E8334

Color Blindness Simulation

Original

#348361

Protanopia

#565769

Deuteranopia

#524C6B

Tritanopia

#387071

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDD
300
#A7DCC6
400
#78C9A6
500
#48B787
600
#3A926C
700
#2E7557
800
#245B44
900
#1E4333
950
#132A20

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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