#358258

#358258

Color Values

HEX

#358258

RGB

53, 130, 88

HSL

147,3, 42,1%, 35,9%

HSV

147,3, 59,2%, 51,0%

CMYK

59,2%, 0,0%, 32,3%, 49,0%

OKLCH

0,5467 0,1011 156,7

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#358258

#82355F

Analogous

#388235

#35827F

#358258

Triadic

#358258

#583582

#825835

Split Complementary

#358258

#7F3582

#823538

Tetradic

#358258

#353882

#82355F

#827F35

Color Blindness Simulation

Original

#358258

Protanopia

#565762

Deuteranopia

#524C65

Tritanopia

#396A6C

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEADA
300
#A8DCBF
400
#79C89D
500
#4AB57B
600
#3B9162
700
#2F744F
800
#255B3D
900
#1E432F
950
#132A1E

Contrast Checker

Text on white

4,68:1

AA Pass AAA Fail

Text on black

4,49:1

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