#348456

#348456

Color Values

HEX

#348456

RGB

52, 132, 86

HSL

145.5, 43.5%, 36.1%

HSV

145.5, 60.6%, 51.8%

CMYK

60.6%, 0.0%, 34.8%, 48.2%

OKLCH

0.5513 0.1066 155.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#348456

#843462

Analogous

#3A8434

#34847E

#348456

Triadic

#348456

#563484

#845634

Split Complementary

#348456

#7E3484

#84343A

Tetradic

#348456

#343A84

#843462

#847E34

Color Blindness Simulation

Original

#348456

Protanopia

#575761

Deuteranopia

#524C64

Tritanopia

#386A6C

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD9
300
#A7DCBE
400
#78CA9A
500
#48B777
600
#3A925F
700
#2E754C
800
#245B3C
900
#1D432E
950
#132B1D

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026