#348352

#348352

Color Values

HEX

#348352

RGB

52, 131, 82

HSL

142,8, 43,2%, 35,9%

HSV

142,8, 60,3%, 51,4%

CMYK

60,3%, 0,0%, 37,4%, 48,6%

OKLCH

0,5477 0,1091 153,4

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#348352

#833465

Analogous

#3D8334

#34837A

#348352

Triadic

#348352

#523483

#835234

Split Complementary

#348352

#7A3483

#83343D

Tetradic

#348352

#343D83

#833465

#837A34

Color Blindness Simulation

Original

#348352

Protanopia

#56575E

Deuteranopia

#524C61

Tritanopia

#386769

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD8
300
#A7DCBB
400
#78C997
500
#48B772
600
#3A925B
700
#2E7549
800
#245B39
900
#1E432C
950
#132A1C

Contrast Checker

Text on white

4,65:1

AA Pass AAA Fail

Text on black

4,51: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