#357e66 hex color

In a RGB color space, hex #357e66 is composed of 20.8% red, 49.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 19% yellow and 50.6% black. It has a hue angle of 160.3 degrees, a saturation of 40.8% and a lightness of 35.1%. #357e66 color hex could be obtained by blending #6afccc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 49
- B 40
RGB color chart
- C 58
- M 0
- Y 19
- K 51
CMYK color chart

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

The hexadecimal color #357e66 has RGB values of R:53, G:126, B:102 and CMYK values of C:0.58, M:0, Y:0.19, K:0.51. Its decimal value is 3505766.

Hex triplet	357e66	`#357e66`
RGB Decimal	53, 126, 102	`rgb(53,126,102)`
RGB Percent	20.8, 49.4, 40	`rgb(20.8%,49.4%,40%)`
CMYK	58, 0, 19, 51
HSL	160.3°, 40.8, 35.1	`hsl(160.3,40.8%,35.1%)`
HSV (or HSB)	160.3°, 57.9, 49.4
Web Safe	336666	`#336666`

CIE-LAB	47.799, -28.948, 6.285
XYZ	11.326, 16.637, 15.184
xyY	0.263, 0.386, 16.637
CIE-LCH	47.799, 29.622, 167.751
CIE-LUV	47.799, -31.064, 12.611
Hunter-Lab	40.789, -21.813, 6.481
Binary	00110101, 01111110, 01100110

#357e66
```
#357e66 rgb(53,126,102)
```
#7e354d
```
#7e354d rgb(126,53,77)
```

Complementary Color

#357e42
```
#357e42 rgb(53,126,66)
```
#357e66
```
#357e66 rgb(53,126,102)
```
#35727e
```
#35727e rgb(53,114,126)
```

Analogous Color

#7e4235
```
#7e4235 rgb(126,66,53)
```
#357e66
```
#357e66 rgb(53,126,102)
```
#7e3572
```
#7e3572 rgb(126,53,114)
```

Split Complementary Color

#7e6635
```
#7e6635 rgb(126,102,53)
```
#357e66
```
#357e66 rgb(53,126,102)
```
#66357e
```
#66357e rgb(102,53,126)
```

Triadic Color

#4d7e35
```
#4d7e35 rgb(77,126,53)
```
#357e66
```
#357e66 rgb(53,126,102)
```
#66357e
```
#66357e rgb(102,53,126)
```
#7e354d
```
#7e354d rgb(126,53,77)
```

Tetradic Color

#1e483a
```
#1e483a rgb(30,72,58)
```
#265a49
```
#265a49 rgb(38,90,73)
```
#2d6c57
```
#2d6c57 rgb(45,108,87)
```
#357e66
```
#357e66 rgb(53,126,102)
```
#3d9075
```
#3d9075 rgb(61,144,117)
```
#44a283
```
#44a283 rgb(68,162,131)
```
#4cb492
```
#4cb492 rgb(76,180,146)
```

Monochromatic Color

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

#357e54
```
#357e54 rgb(53,126,84)
```
#357e5a
```
#357e5a rgb(53,126,90)
```
#357e60
```
#357e60 rgb(53,126,96)
```
#357e66
```
#357e66 rgb(53,126,102)
```
#357e6c
```
#357e6c rgb(53,126,108)
```
#357e72
```
#357e72 rgb(53,126,114)
```
#357e78
```
#357e78 rgb(53,126,120)
```

Similar Colors

Text with hexadecimal color #357e66

This text has a font color of #357e66.

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

#357e66 background color

This paragraph has a background color of #357e66.

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

#357e66 border color

This element has a border color of #357e66.

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

CSS codes

.text {color:#357e66;}

.background {background-color:#357e66;}

.border {border:1px solid #357e66;}

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

#010201
```
#010201 rgb(1,2,1)
```
#07100d
```
#07100d rgb(7,16,13)
```
#0c1d18
```
#0c1d18 rgb(12,29,24)
```
#122b23
```
#122b23 rgb(18,43,35)
```
#18392e
```
#18392e rgb(24,57,46)
```
#1e4739
```
#1e4739 rgb(30,71,57)
```
#245544
```
#245544 rgb(36,85,68)
```
#296250
```
#296250 rgb(41,98,80)
```
#2f705b
```
#2f705b rgb(47,112,91)
```
#357e66
```
#357e66 rgb(53,126,102)
```
#3b8c71
```
#3b8c71 rgb(59,140,113)
```
#419a7c
```
#419a7c rgb(65,154,124)
```
#46a788
```
#46a788 rgb(70,167,136)
```

Shade Color Variation

#4db492
```
#4db492 rgb(77,180,146)
```
#5bba9b
```
#5bba9b rgb(91,186,155)
```
#69c0a3
```
#69c0a3 rgb(105,192,163)
```
#77c6ac
```
#77c6ac rgb(119,198,172)
```
#84cbb4
```
#84cbb4 rgb(132,203,180)
```
#92d1bd
```
#92d1bd rgb(146,209,189)
```
#a0d7c5
```
#a0d7c5 rgb(160,215,197)
```
#aeddcd
```
#aeddcd rgb(174,221,205)
```
#bce3d6
```
#bce3d6 rgb(188,227,214)
```
#cae8de
```
#cae8de rgb(202,232,222)
```
#d7eee7
```
#d7eee7 rgb(215,238,231)
```
#e5f4ef
```
#e5f4ef rgb(229,244,239)
```
#f3faf8
```
#f3faf8 rgb(243,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575c5a is the less saturated color, while #05ae77 is the most saturated one.

#575c5a
```
#575c5a rgb(87,92,90)
```
#51625d
```
#51625d rgb(81,98,93)
```
#4a695f
```
#4a695f rgb(74,105,95)
```
#437061
```
#437061 rgb(67,112,97)
```
#3c7764
```
#3c7764 rgb(60,119,100)
```
#357e66
```
#357e66 rgb(53,126,102)
```
#2e8568
```
#2e8568 rgb(46,133,104)
```
#278c6b
```
#278c6b rgb(39,140,107)
```
#20936d
```
#20936d rgb(32,147,109)
```
#199a6f
```
#199a6f rgb(25,154,111)
```
#13a072
```
#13a072 rgb(19,160,114)
```
#0ca774
```
#0ca774 rgb(12,167,116)
```
#05ae77
```
#05ae77 rgb(5,174,119)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5b6a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7868 Protanopia 1% of men
#867473 Deuteranopia 1% of men
#4a808a Tritanopia 0.001% of the population

Trichromacy

#637a67 Protanomaly 1% of men, 0.01% of women
#68786e Deuteranomaly 6% of men, 0.4% of women
#427f7c Tritanomaly 0.01% of the population

#357e66 hex color

#357e66 Color Information

#357e66 Color Conversion

Color Schemes with #357e66

Alternatives to #357e66

#357e66 Preview

Shades and Tints of #357e66

Tones of #357e66

Color Blindness Simulator