#348564 hex color

In a RGB color space, hex #348564 is composed of 20.4% red, 52.2% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 0% magenta, 24.8% yellow and 47.8% black. It has a hue angle of 155.6 degrees, a saturation of 43.8% and a lightness of 36.3%. #348564 color hex could be obtained by blending #68ffc8 with #000b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 52
- B 39
RGB color chart
- C 61
- M 0
- Y 25
- K 48
CMYK color chart

● #348564 color description : Dark moderate cyan - lime green.

The hexadecimal color #348564 has RGB values of R:52, G:133, B:100 and CMYK values of C:0.61, M:0, Y:0.25, K:0.48. Its decimal value is 3442020.

Hex triplet	348564	`#348564`
RGB Decimal	52, 133, 100	`rgb(52,133,100)`
RGB Percent	20.4, 52.2, 39.2	`rgb(20.4%,52.2%,39.2%)`
CMYK	61, 0, 25, 48
HSL	155.6°, 43.8, 36.3	`hsl(155.6,43.8%,36.3%)`
HSV (or HSB)	155.6°, 60.9, 52.2
Web Safe	339966	`#339966`

CIE-LAB	50.007, -32.963, 10.57
XYZ	12.103, 18.424, 14.974
xyY	0.266, 0.405, 18.424
CIE-LCH	50.007, 34.616, 162.221
CIE-LUV	50.007, -34.212, 18.875
Hunter-Lab	42.923, -24.785, 9.362
Binary	00110100, 10000101, 01100100

#348564
```
#348564 rgb(52,133,100)
```
#853455
```
#853455 rgb(133,52,85)
```

Complementary Color

#34853c
```
#34853c rgb(52,133,60)
```
#348564
```
#348564 rgb(52,133,100)
```
#347e85
```
#347e85 rgb(52,126,133)
```

Analogous Color

#853c34
```
#853c34 rgb(133,60,52)
```
#348564
```
#348564 rgb(52,133,100)
```
#85347e
```
#85347e rgb(133,52,126)
```

Split Complementary Color

#856434
```
#856434 rgb(133,100,52)
```
#348564
```
#348564 rgb(52,133,100)
```
#643485
```
#643485 rgb(100,52,133)
```

Triadic Color

#558534
```
#558534 rgb(85,133,52)
```
#348564
```
#348564 rgb(52,133,100)
```
#643485
```
#643485 rgb(100,52,133)
```
#853455
```
#853455 rgb(133,52,85)
```

Tetradic Color

#1e4e3b
```
#1e4e3b rgb(30,78,59)
```
#266048
```
#266048 rgb(38,96,72)
```
#2d7356
```
#2d7356 rgb(45,115,86)
```
#348564
```
#348564 rgb(52,133,100)
```
#3b9772
```
#3b9772 rgb(59,151,114)
```
#42aa80
```
#42aa80 rgb(66,170,128)
```
#4cb98d
```
#4cb98d rgb(76,185,141)
```

Monochromatic Color

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

#348550
```
#348550 rgb(52,133,80)
```
#348557
```
#348557 rgb(52,133,87)
```
#34855d
```
#34855d rgb(52,133,93)
```
#348564
```
#348564 rgb(52,133,100)
```
#34856b
```
#34856b rgb(52,133,107)
```
#348572
```
#348572 rgb(52,133,114)
```
#348578
```
#348578 rgb(52,133,120)
```

Similar Colors

Text with hexadecimal color #348564

This text has a font color of #348564.

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

#348564 background color

This paragraph has a background color of #348564.

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

#348564 border color

This element has a border color of #348564.

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

CSS codes

.text {color:#348564;}

.background {background-color:#348564;}

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

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, #020605 is the darkest color, while #f7fcfa is the lightest one.

#020605
```
#020605 rgb(2,6,5)
```
#08140f
```
#08140f rgb(8,20,15)
```
#0d221a
```
#0d221a rgb(13,34,26)
```
#133024
```
#133024 rgb(19,48,36)
```
#183e2f
```
#183e2f rgb(24,62,47)
```
#1e4d3a
```
#1e4d3a rgb(30,77,58)
```
#235b44
```
#235b44 rgb(35,91,68)
```
#29694f
```
#29694f rgb(41,105,79)
```
#2e7759
```
#2e7759 rgb(46,119,89)
```
#348564
```
#348564 rgb(52,133,100)
```
#3a936f
```
#3a936f rgb(58,147,111)
```
#3fa179
```
#3fa179 rgb(63,161,121)
```
#45af84
```
#45af84 rgb(69,175,132)
```

Shade Color Variation

#4eba8e
```
#4eba8e rgb(78,186,142)
```
#5cbf97
```
#5cbf97 rgb(92,191,151)
```
#6ac5a0
```
#6ac5a0 rgb(106,197,160)
```
#78caa9
```
#78caa9 rgb(120,202,169)
```
#86d0b2
```
#86d0b2 rgb(134,208,178)
```
#94d5bb
```
#94d5bb rgb(148,213,187)
```
#a2dbc4
```
#a2dbc4 rgb(162,219,196)
```
#b0e0cd
```
#b0e0cd rgb(176,224,205)
```
#bfe6d6
```
#bfe6d6 rgb(191,230,214)
```
#cdebdf
```
#cdebdf rgb(205,235,223)
```
#dbf1e8
```
#dbf1e8 rgb(219,241,232)
```
#e9f6f1
```
#e9f6f1 rgb(233,246,241)
```
#f7fcfa
```
#f7fcfa rgb(247,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58615d is the less saturated color, while #02b76d is the most saturated one.

#58615d
```
#58615d rgb(88,97,93)
```
#50695f
```
#50695f rgb(80,105,95)
```
#497060
```
#497060 rgb(73,112,96)
```
#427761
```
#427761 rgb(66,119,97)
```
#3b7e63
```
#3b7e63 rgb(59,126,99)
```
#348564
```
#348564 rgb(52,133,100)
```
#2d8c65
```
#2d8c65 rgb(45,140,101)
```
#269367
```
#269367 rgb(38,147,103)
```
#1f9a68
```
#1f9a68 rgb(31,154,104)
```
#18a169
```
#18a169 rgb(24,161,105)
```
#10a96b
```
#10a96b rgb(16,169,107)
```
#09b06c
```
#09b06c rgb(9,176,108)
```
#02b76d
```
#02b76d rgb(2,183,109)
```

Tone Color Variation

Below, you can see how #348564 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

#696969 Achromatopsia 0.005% of the population
#5e6f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857d65 Protanopia 1% of men
#8e7972 Deuteranopia 1% of men
#4d8690 Tritanopia 0.001% of the population

Trichromacy

#678065 Protanomaly 1% of men, 0.01% of women
#6d7d6c Deuteranomaly 6% of men, 0.4% of women
#438580 Tritanomaly 0.01% of the population

#348564 hex color

#348564 Color Information

#348564 Color Conversion

Color Schemes with #348564

Alternatives to #348564

#348564 Preview

Shades and Tints of #348564

Tones of #348564

Color Blindness Simulator