#34857c hex color

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

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

● #34857c color description : Dark moderate cyan.

The hexadecimal color #34857c has RGB values of R:52, G:133, B:124 and CMYK values of C:0.61, M:0, Y:0.07, K:0.48. Its decimal value is 3442044.

Hex triplet	34857c	`#34857c`
RGB Decimal	52, 133, 124	`rgb(52,133,124)`
RGB Percent	20.4, 52.2, 48.6	`rgb(20.4%,52.2%,48.6%)`
CMYK	61, 0, 7, 48
HSL	173.3°, 43.8, 36.3	`hsl(173.3,43.8%,36.3%)`
HSV (or HSB)	173.3°, 60.9, 52.2
Web Safe	339966	`#339966`

CIE-LAB	50.64, -26.746, -2.497
XYZ	13.441, 18.959, 22.019
xyY	0.247, 0.348, 18.959
CIE-LCH	50.64, 26.862, 185.334
CIE-LUV	50.64, -32.978, 0.384
Hunter-Lab	43.542, -21.099, 0.497
Binary	00110100, 10000101, 01111100

#34857c
```
#34857c rgb(52,133,124)
```
#85343d
```
#85343d rgb(133,52,61)
```

Complementary Color

#348554
```
#348554 rgb(52,133,84)
```
#34857c
```
#34857c rgb(52,133,124)
```
#346685
```
#346685 rgb(52,102,133)
```

Analogous Color

#855434
```
#855434 rgb(133,84,52)
```
#34857c
```
#34857c rgb(52,133,124)
```
#853466
```
#853466 rgb(133,52,102)
```

Split Complementary Color

#857c34
```
#857c34 rgb(133,124,52)
```
#34857c
```
#34857c rgb(52,133,124)
```
#7c3485
```
#7c3485 rgb(124,52,133)
```

Triadic Color

#3d8534
```
#3d8534 rgb(61,133,52)
```
#34857c
```
#34857c rgb(52,133,124)
```
#7c3485
```
#7c3485 rgb(124,52,133)
```
#85343d
```
#85343d rgb(133,52,61)
```

Tetradic Color

#1e4e49
```
#1e4e49 rgb(30,78,73)
```
#26605a
```
#26605a rgb(38,96,90)
```
#2d736b
```
#2d736b rgb(45,115,107)
```
#34857c
```
#34857c rgb(52,133,124)
```
#3b978d
```
#3b978d rgb(59,151,141)
```
#42aa9e
```
#42aa9e rgb(66,170,158)
```
#4cb9ad
```
#4cb9ad rgb(76,185,173)
```

Monochromatic Color

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

#348568
```
#348568 rgb(52,133,104)
```
#34856f
```
#34856f rgb(52,133,111)
```
#348575
```
#348575 rgb(52,133,117)
```
#34857c
```
#34857c rgb(52,133,124)
```
#348583
```
#348583 rgb(52,133,131)
```
#348185
```
#348185 rgb(52,129,133)
```
#347a85
```
#347a85 rgb(52,122,133)
```

Similar Colors

Text with hexadecimal color #34857c

This text has a font color of #34857c.

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

#34857c background color

This paragraph has a background color of #34857c.

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

#34857c border color

This element has a border color of #34857c.

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

CSS codes

.text {color:#34857c;}

.background {background-color:#34857c;}

.border {border:1px solid #34857c;}

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

#020606
```
#020606 rgb(2,6,6)
```
#081413
```
#081413 rgb(8,20,19)
```
#0d2220
```
#0d2220 rgb(13,34,32)
```
#13302d
```
#13302d rgb(19,48,45)
```
#183e3a
```
#183e3a rgb(24,62,58)
```
#1e4d47
```
#1e4d47 rgb(30,77,71)
```
#235b55
```
#235b55 rgb(35,91,85)
```
#296962
```
#296962 rgb(41,105,98)
```
#2e776f
```
#2e776f rgb(46,119,111)
```
#34857c
```
#34857c rgb(52,133,124)
```
#3a9389
```
#3a9389 rgb(58,147,137)
```
#3fa196
```
#3fa196 rgb(63,161,150)
```
#45afa3
```
#45afa3 rgb(69,175,163)
```

Shade Color Variation

#4ebaae
```
#4ebaae rgb(78,186,174)
```
#5cbfb4
```
#5cbfb4 rgb(92,191,180)
```
#6ac5bb
```
#6ac5bb rgb(106,197,187)
```
#78cac1
```
#78cac1 rgb(120,202,193)
```
#86d0c8
```
#86d0c8 rgb(134,208,200)
```
#94d5ce
```
#94d5ce rgb(148,213,206)
```
#a2dbd5
```
#a2dbd5 rgb(162,219,213)
```
#b0e0db
```
#b0e0db rgb(176,224,219)
```
#bfe6e1
```
#bfe6e1 rgb(191,230,225)
```
#cdebe8
```
#cdebe8 rgb(205,235,232)
```
#dbf1ee
```
#dbf1ee rgb(219,241,238)
```
#e9f6f5
```
#e9f6f5 rgb(233,246,245)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#586160
```
#586160 rgb(88,97,96)
```
#506966
```
#506966 rgb(80,105,102)
```
#49706b
```
#49706b rgb(73,112,107)
```
#427771
```
#427771 rgb(66,119,113)
```
#3b7e76
```
#3b7e76 rgb(59,126,118)
```
#34857c
```
#34857c rgb(52,133,124)
```
#2d8c82
```
#2d8c82 rgb(45,140,130)
```
#269387
```
#269387 rgb(38,147,135)
```
#1f9a8d
```
#1f9a8d rgb(31,154,141)
```
#18a192
```
#18a192 rgb(24,161,146)
```
#10a998
```
#10a998 rgb(16,169,152)
```
#09b09d
```
#09b09d rgb(9,176,157)
```
#02b7a3
```
#02b7a3 rgb(2,183,163)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#61716f Atypical Achromatopsia 0.001% of the population

Dichromacy

#827e7c Protanopia 1% of men
#877c88 Deuteranopia 1% of men
#468892 Tritanopia 0.001% of the population

Trichromacy

#65817c Protanomaly 1% of men, 0.01% of women
#687f83 Deuteranomaly 6% of men, 0.4% of women
#3f878a Tritanomaly 0.01% of the population

#34857c hex color

#34857c Color Information

#34857c Color Conversion

Color Schemes with #34857c

Alternatives to #34857c

#34857c Preview

Shades and Tints of #34857c

Tones of #34857c

Color Blindness Simulator