#34693F

#34693F

Color Values

HEX

#34693F

RGB

52, 105, 63

HSL

132.5, 33.8%, 30.8%

HSV

132.5, 50.5%, 41.2%

CMYK

50.5%, 0.0%, 40.0%, 58.8%

OKLCH

0.4723 0.0882 148.9

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#34693F

#69345E

Analogous

#436934

#34695A

#34693F

Triadic

#34693F

#3F3469

#693F34

Split Complementary

#34693F

#5A3469

#693443

Tetradic

#34693F

#344369

#69345E

#695A34

Color Blindness Simulation

Original

#34693F

Protanopia

#4B4B49

Deuteranopia

#48444C

Tritanopia

#375153

Achromatopsia

#5B5B5B

CSS Usage

background-color: #34693F;
color: #34693F;
border-color: #34693F;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF6
100
#E8F2EA
200
#CFE7D4
300
#ADD6B6
400
#81C18E
500
#54AB66
600
#448852
700
#366D42
800
#2A5533
900
#223F28
950
#152819

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026