#357e82 hex color

In a RGB color space, hex #357e82 is composed of 20.8% red, 49.4% green and 51% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 3.1% magenta, 0% yellow and 49% black. It has a hue angle of 183.1 degrees, a saturation of 42.1% and a lightness of 35.9%. #357e82 color hex could be obtained by blending #6afcff with #000005. Closest websafe color is: #336699.

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

● #357e82 color description : Dark moderate cyan.

The hexadecimal color #357e82 has RGB values of R:53, G:126, B:130 and CMYK values of C:0.59, M:0.03, Y:0, K:0.49. Its decimal value is 3505794.

Hex triplet	357e82	`#357e82`
RGB Decimal	53, 126, 130	`rgb(53,126,130)`
RGB Percent	20.8, 49.4, 51	`rgb(20.8%,49.4%,51%)`
CMYK	59, 3, 0, 49
HSL	183.1°, 42.1, 35.9	`hsl(183.1,42.1%,35.9%)`
HSV (or HSB)	183.1°, 59.2, 51
Web Safe	336699	`#336699`

CIE-LAB	48.623, -21.213, -9.011
XYZ	12.957, 17.289, 23.772
xyY	0.24, 0.32, 17.289
CIE-LCH	48.623, 23.048, 203.016
CIE-LUV	48.623, -29.712, -9.792
Hunter-Lab	41.58, -17.142, -4.791
Binary	00110101, 01111110, 10000010

#357e82
```
#357e82 rgb(53,126,130)
```
#823935
```
#823935 rgb(130,57,53)
```

Complementary Color

#358260
```
#358260 rgb(53,130,96)
```
#357e82
```
#357e82 rgb(53,126,130)
```
#355882
```
#355882 rgb(53,88,130)
```

Analogous Color

#826035
```
#826035 rgb(130,96,53)
```
#357e82
```
#357e82 rgb(53,126,130)
```
#823558
```
#823558 rgb(130,53,88)
```

Split Complementary Color

#7e8235
```
#7e8235 rgb(126,130,53)
```
#357e82
```
#357e82 rgb(53,126,130)
```
#82357e
```
#82357e rgb(130,53,126)
```

Triadic Color

#358239
```
#358239 rgb(53,130,57)
```
#357e82
```
#357e82 rgb(53,126,130)
```
#82357e
```
#82357e rgb(130,53,126)
```
#823935
```
#823935 rgb(130,57,53)
```

Tetradic Color

#1f494c
```
#1f494c rgb(31,73,76)
```
#265b5e
```
#265b5e rgb(38,91,94)
```
#2e6c70
```
#2e6c70 rgb(46,108,112)
```
#357e82
```
#357e82 rgb(53,126,130)
```
#3c9094
```
#3c9094 rgb(60,144,148)
```
#44a1a6
```
#44a1a6 rgb(68,161,166)
```
#4db1b6
```
#4db1b6 rgb(77,177,182)
```

Monochromatic Color

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

#358273
```
#358273 rgb(53,130,115)
```
#358279
```
#358279 rgb(53,130,121)
```
#358280
```
#358280 rgb(53,130,128)
```
#357e82
```
#357e82 rgb(53,126,130)
```
#357882
```
#357882 rgb(53,120,130)
```
#357182
```
#357182 rgb(53,113,130)
```
#356b82
```
#356b82 rgb(53,107,130)
```

Similar Colors

Text with hexadecimal color #357e82

This text has a font color of #357e82.

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

#357e82 background color

This paragraph has a background color of #357e82.

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

#357e82 border color

This element has a border color of #357e82.

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

CSS codes

.text {color:#357e82;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081213
```
#081213 rgb(8,18,19)
```
#0d1f20
```
#0d1f20 rgb(13,31,32)
```
#132d2e
```
#132d2e rgb(19,45,46)
```
#193a3c
```
#193a3c rgb(25,58,60)
```
#1e484a
```
#1e484a rgb(30,72,74)
```
#245558
```
#245558 rgb(36,85,88)
```
#2a6366
```
#2a6366 rgb(42,99,102)
```
#2f7074
```
#2f7074 rgb(47,112,116)
```
#357e82
```
#357e82 rgb(53,126,130)
```
#3b8c90
```
#3b8c90 rgb(59,140,144)
```
#40999e
```
#40999e rgb(64,153,158)
```
#46a7ac
```
#46a7ac rgb(70,167,172)
```

Shade Color Variation

#4eb2b7
```
#4eb2b7 rgb(78,178,183)
```
#5cb8bd
```
#5cb8bd rgb(92,184,189)
```
#6abec2
```
#6abec2 rgb(106,190,194)
```
#78c4c8
```
#78c4c8 rgb(120,196,200)
```
#86cace
```
#86cace rgb(134,202,206)
```
#94d0d3
```
#94d0d3 rgb(148,208,211)
```
#a2d6d9
```
#a2d6d9 rgb(162,214,217)
```
#b0dcdf
```
#b0dcdf rgb(176,220,223)
```
#bee2e4
```
#bee2e4 rgb(190,226,228)
```
#cce9ea
```
#cce9ea rgb(204,233,234)
```
#daeff0
```
#daeff0 rgb(218,239,240)
```
#e8f5f6
```
#e8f5f6 rgb(232,245,246)
```
#f6fbfb
```
#f6fbfb rgb(246,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585e5f is the less saturated color, while #04aab3 is the most saturated one.

#585e5f
```
#585e5f rgb(88,94,95)
```
#516566
```
#516566 rgb(81,101,102)
```
#4a6b6d
```
#4a6b6d rgb(74,107,109)
```
#437174
```
#437174 rgb(67,113,116)
```
#3c787b
```
#3c787b rgb(60,120,123)
```
#357e82
```
#357e82 rgb(53,126,130)
```
#2e8489
```
#2e8489 rgb(46,132,137)
```
#278b90
```
#278b90 rgb(39,139,144)
```
#209197
```
#209197 rgb(32,145,151)
```
#19979e
```
#19979e rgb(25,151,158)
```
#129ea5
```
#129ea5 rgb(18,158,165)
```
#0ba4ac
```
#0ba4ac rgb(11,164,172)
```
#04aab3
```
#04aab3 rgb(4,170,179)
```

Tone Color Variation

Below, you can see how #357e82 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
#5f6d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7a82 Protanopia 1% of men
#7c788d Deuteranopia 1% of men
#42838d Tritanopia 0.001% of the population

Trichromacy

#617b82 Protanomaly 1% of men, 0.01% of women
#627a89 Deuteranomaly 6% of men, 0.4% of women
#3d8189 Tritanomaly 0.01% of the population

#357e82 hex color

#357e82 Color Information

#357e82 Color Conversion

Color Schemes with #357e82

Alternatives to #357e82

#357e82 Preview

Shades and Tints of #357e82

Tones of #357e82

Color Blindness Simulator