#348339

#348339

Color Values

HEX

#348339

RGB

52, 131, 57

HSL

123.8, 43.2%, 35.9%

HSV

123.8, 60.3%, 51.4%

CMYK

60.3%, 0.0%, 56.5%, 48.6%

OKLCH

0.5432 0.1339 144.5

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#348339

#83347E

Analogous

#578334

#348361

#348339

Triadic

#348339

#393483

#833934

Split Complementary

#348339

#613483

#833457

Tetradic

#348339

#345783

#83347E

#836134

Color Blindness Simulation

Original

#348339

Protanopia

#56574B

Deuteranopia

#524C4F

Tritanopia

#38595C

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E7
200
#CCEBCE
300
#A7DCAB
400
#78C97D
500
#48B74F
600
#3A9240
700
#2E7533
800
#245B28
900
#1E4320
950
#132A14

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026