#345642 hex color

In a RGB color space, hex #345642 is composed of 20.4% red, 33.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 39.5% cyan, 0% magenta, 23.3% yellow and 66.3% black. It has a hue angle of 144.7 degrees, a saturation of 24.6% and a lightness of 27.1%. #345642 color hex could be obtained by blending #68ac84 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 20
- G 34
- B 26
RGB color chart
- C 40
- M 0
- Y 23
- K 66
CMYK color chart

● #345642 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #345642 has RGB values of R:52, G:86, B:66 and CMYK values of C:0.4, M:0, Y:0.23, K:0.66. Its decimal value is 3429954.

Hex triplet	345642	`#345642`
RGB Decimal	52, 86, 66	`rgb(52,86,66)`
RGB Percent	20.4, 33.7, 25.9	`rgb(20.4%,33.7%,25.9%)`
CMYK	40, 0, 23, 66
HSL	144.7°, 24.6, 27.1	`hsl(144.7,24.6%,27.1%)`
HSV (or HSB)	144.7°, 39.5, 33.7
Web Safe	336633	`#336633`

CIE-LAB	33.518, -17.419, 7.801
XYZ	5.727, 7.779, 6.354
xyY	0.288, 0.392, 7.779
CIE-LCH	33.518, 19.086, 155.874
CIE-LUV	33.518, -15.647, 11.561
Hunter-Lab	27.89, -12.155, 6.017
Binary	00110100, 01010110, 01000010

#345642
```
#345642 rgb(52,86,66)
```
#563448
```
#563448 rgb(86,52,72)
```

Complementary Color

#375634
```
#375634 rgb(55,86,52)
```
#345642
```
#345642 rgb(52,86,66)
```
#345653
```
#345653 rgb(52,86,83)
```

Analogous Color

#563437
```
#563437 rgb(86,52,55)
```
#345642
```
#345642 rgb(52,86,66)
```
#533456
```
#533456 rgb(83,52,86)
```

Split Complementary Color

#564234
```
#564234 rgb(86,66,52)
```
#345642
```
#345642 rgb(52,86,66)
```
#423456
```
#423456 rgb(66,52,86)
```

Triadic Color

#485634
```
#485634 rgb(72,86,52)
```
#345642
```
#345642 rgb(52,86,66)
```
#423456
```
#423456 rgb(66,52,86)
```
#563448
```
#563448 rgb(86,52,72)
```

Tetradic Color

#17261d
```
#17261d rgb(23,38,29)
```
#21362a
```
#21362a rgb(33,54,42)
```
#2a4636
```
#2a4636 rgb(42,70,54)
```
#345642
```
#345642 rgb(52,86,66)
```
#3e664e
```
#3e664e rgb(62,102,78)
```
#47765a
```
#47765a rgb(71,118,90)
```
#518667
```
#518667 rgb(81,134,103)
```

Monochromatic Color

Below, you can see some colors close to #345642. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#34563a
```
#34563a rgb(52,86,58)
```
#34563c
```
#34563c rgb(52,86,60)
```
#34563f
```
#34563f rgb(52,86,63)
```
#345642
```
#345642 rgb(52,86,66)
```
#345645
```
#345645 rgb(52,86,69)
```
#345648
```
#345648 rgb(52,86,72)
```
#34564b
```
#34564b rgb(52,86,75)
```

Similar Colors

Text with hexadecimal color #345642

This text has a font color of #345642.

<span style="color:#345642;">Text here</span>

#345642 background color

This paragraph has a background color of #345642.

<p style="background-color:#345642;">Content here</p>

#345642 border color

This element has a border color of #345642.

<div style="border:1px solid #345642;">Content here</div>

CSS codes

.text {color:#345642;}

.background {background-color:#345642;}

.border {border:1px solid #345642;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #f3f8f5 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#080d0a
```
#080d0a rgb(8,13,10)
```
#0f1913
```
#0f1913 rgb(15,25,19)
```
#16251c
```
#16251c rgb(22,37,28)
```
#1e3126
```
#1e3126 rgb(30,49,38)
```
#253e2f
```
#253e2f rgb(37,62,47)
```
#2d4a39
```
#2d4a39 rgb(45,74,57)
```
#345642
```
#345642 rgb(52,86,66)
```
#3b624b
```
#3b624b rgb(59,98,75)
```
#436e55
```
#436e55 rgb(67,110,85)
```
#4a7b5e
```
#4a7b5e rgb(74,123,94)
```
#528768
```
#528768 rgb(82,135,104)
```
#599371
```
#599371 rgb(89,147,113)
```

Shade Color Variation

#619f7a
```
#619f7a rgb(97,159,122)
```
#6da785
```
#6da785 rgb(109,167,133)
```
#79ae8f
```
#79ae8f rgb(121,174,143)
```
#85b599
```
#85b599 rgb(133,181,153)
```
#91bda3
```
#91bda3 rgb(145,189,163)
```
#9ec4ad
```
#9ec4ad rgb(158,196,173)
```
#aaccb8
```
#aaccb8 rgb(170,204,184)
```
#b6d3c2
```
#b6d3c2 rgb(182,211,194)
```
#c2dacc
```
#c2dacc rgb(194,218,204)
```
#cfe2d6
```
#cfe2d6 rgb(207,226,214)
```
#dbe9e1
```
#dbe9e1 rgb(219,233,225)
```
#e7f0eb
```
#e7f0eb rgb(231,240,235)
```
#f3f8f5
```
#f3f8f5 rgb(243,248,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #444645 is the less saturated color, while #04863a is the most saturated one.

#444645
```
#444645 rgb(68,70,69)
```
#3f4b44
```
#3f4b44 rgb(63,75,68)
```
#395143
```
#395143 rgb(57,81,67)
```
#345642
```
#345642 rgb(52,86,66)
```
#2f5b41
```
#2f5b41 rgb(47,91,65)
```
#296140
```
#296140 rgb(41,97,64)
```
#24663f
```
#24663f rgb(36,102,63)
```
#1f6b3e
```
#1f6b3e rgb(31,107,62)
```
#19713d
```
#19713d rgb(25,113,61)
```
#14763c
```
#14763c rgb(20,118,60)
```
#0f7b3b
```
#0f7b3b rgb(15,123,59)
```
#0a803b
```
#0a803b rgb(10,128,59)
```
#04863a
```
#04863a rgb(4,134,58)
```

Tone Color Variation

Below, you can see how #345642 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#4a4a4a Achromatopsia 0.005% of the population
#464c48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5748 Protanopia 1% of men
#63554f Deuteranopia 1% of men
#445b62 Tritanopia 0.001% of the population

Trichromacy

#4e5746 Protanomaly 1% of men, 0.01% of women
#52554a Deuteranomaly 6% of men, 0.4% of women
#3e5956 Tritanomaly 0.01% of the population

#345642 hex color

#345642 Color Information

#345642 Color Conversion

Color Schemes with #345642

Alternatives to #345642

#345642 Preview

Shades and Tints of #345642

Tones of #345642

Color Blindness Simulator