#357d8f hex color

In a RGB color space, hex #357d8f is composed of 20.8% red, 49% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 12.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 192 degrees, a saturation of 45.9% and a lightness of 38.4%. #357d8f color hex could be obtained by blending #6afaff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 49
- B 56
RGB color chart
- C 63
- M 13
- Y 0
- K 44
CMYK color chart

● #357d8f color description : Dark moderate cyan.

The hexadecimal color #357d8f has RGB values of R:53, G:125, B:143 and CMYK values of C:0.63, M:0.13, Y:0, K:0.44. Its decimal value is 3505551.

Hex triplet	357d8f	`#357d8f`
RGB Decimal	53, 125, 143	`rgb(53,125,143)`
RGB Percent	20.8, 49, 56.1	`rgb(20.8%,49%,56.1%)`
CMYK	63, 13, 0, 44
HSL	192°, 45.9, 38.4	`hsl(192,45.9%,38.4%)`
HSV (or HSB)	192°, 62.9, 56.1
Web Safe	336699	`#336699`

CIE-LAB	48.768, -16.641, -16.446
XYZ	13.758, 17.406, 28.62
xyY	0.23, 0.291, 17.406
CIE-LCH	48.768, 23.397, 224.662
CIE-LUV	48.768, -28.7, -21.58
Hunter-Lab	41.721, -14.147, -11.467
Binary	00110101, 01111101, 10001111

#357d8f
```
#357d8f rgb(53,125,143)
```
#8f4735
```
#8f4735 rgb(143,71,53)
```

Complementary Color

#358f74
```
#358f74 rgb(53,143,116)
```
#357d8f
```
#357d8f rgb(53,125,143)
```
#35508f
```
#35508f rgb(53,80,143)
```

Analogous Color

#8f7435
```
#8f7435 rgb(143,116,53)
```
#357d8f
```
#357d8f rgb(53,125,143)
```
#8f3550
```
#8f3550 rgb(143,53,80)
```

Split Complementary Color

#7d8f35
```
#7d8f35 rgb(125,143,53)
```
#357d8f
```
#357d8f rgb(53,125,143)
```
#8f357d
```
#8f357d rgb(143,53,125)
```

Triadic Color

#358f47
```
#358f47 rgb(53,143,71)
```
#357d8f
```
#357d8f rgb(53,125,143)
```
#8f357d
```
#8f357d rgb(143,53,125)
```
#8f4735
```
#8f4735 rgb(143,71,53)
```

Tetradic Color

#204c57
```
#204c57 rgb(32,76,87)
```
#275c6a
```
#275c6a rgb(39,92,106)
```
#2e6d7c
```
#2e6d7c rgb(46,109,124)
```
#357d8f
```
#357d8f rgb(53,125,143)
```
#3c8da2
```
#3c8da2 rgb(60,141,162)
```
#439eb4
```
#439eb4 rgb(67,158,180)
```
#52a9bf
```
#52a9bf rgb(82,169,191)
```

Monochromatic Color

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

#358f8b
```
#358f8b rgb(53,143,139)
```
#358c8f
```
#358c8f rgb(53,140,143)
```
#35858f
```
#35858f rgb(53,133,143)
```
#357d8f
```
#357d8f rgb(53,125,143)
```
#35768f
```
#35768f rgb(53,118,143)
```
#356e8f
```
#356e8f rgb(53,110,143)
```
#35678f
```
#35678f rgb(53,103,143)
```

Similar Colors

Text with hexadecimal color #357d8f

This text has a font color of #357d8f.

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

#357d8f background color

This paragraph has a background color of #357d8f.

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

#357d8f border color

This element has a border color of #357d8f.

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

CSS codes

.text {color:#357d8f;}

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

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

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, #050c0e is the darkest color, while #ffffff is the lightest one.

#050c0e
```
#050c0e rgb(5,12,14)
```
#0b191d
```
#0b191d rgb(11,25,29)
```
#10252b
```
#10252b rgb(16,37,43)
```
#153239
```
#153239 rgb(21,50,57)
```
#1a3e47
```
#1a3e47 rgb(26,62,71)
```
#204b56
```
#204b56 rgb(32,75,86)
```
#255764
```
#255764 rgb(37,87,100)
```
#2a6472
```
#2a6472 rgb(42,100,114)
```
#307081
```
#307081 rgb(48,112,129)
```
#357d8f
```
#357d8f rgb(53,125,143)
```
#3a8a9d
```
#3a8a9d rgb(58,138,157)
```
#4096ac
```
#4096ac rgb(64,150,172)
```
#45a3ba
```
#45a3ba rgb(69,163,186)
```

Shade Color Variation

#53aabf
```
#53aabf rgb(83,170,191)
```
#61b1c5
```
#61b1c5 rgb(97,177,197)
```
#70b8ca
```
#70b8ca rgb(112,184,202)
```
#7ebfcf
```
#7ebfcf rgb(126,191,207)
```
#8cc6d5
```
#8cc6d5 rgb(140,198,213)
```
#9bcdda
```
#9bcdda rgb(155,205,218)
```
#a9d4df
```
#a9d4df rgb(169,212,223)
```
#b7dbe4
```
#b7dbe4 rgb(183,219,228)
```
#c6e3ea
```
#c6e3ea rgb(198,227,234)
```
#d4eaef
```
#d4eaef rgb(212,234,239)
```
#e2f1f4
```
#e2f1f4 rgb(226,241,244)
```
#f1f8fa
```
#f1f8fa rgb(241,248,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6669 is the less saturated color, while #009dc4 is the most saturated one.

#5b6669
```
#5b6669 rgb(91,102,105)
```
#536b71
```
#536b71 rgb(83,107,113)
```
#4c6f78
```
#4c6f78 rgb(76,111,120)
```
#447480
```
#447480 rgb(68,116,128)
```
#3d7887
```
#3d7887 rgb(61,120,135)
```
#357d8f
```
#357d8f rgb(53,125,143)
```
#2d8297
```
#2d8297 rgb(45,130,151)
```
#26869e
```
#26869e rgb(38,134,158)
```
#1e8ba6
```
#1e8ba6 rgb(30,139,166)
```
#178fad
```
#178fad rgb(23,143,173)
```
#0f94b5
```
#0f94b5 rgb(15,148,181)
```
#0898bc
```
#0898bc rgb(8,152,188)
```
#009dc4
```
#009dc4 rgb(0,157,196)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5f6e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767a8e Protanopia 1% of men
#757898 Deuteranopia 1% of men
#3b848e Tritanopia 0.001% of the population

Trichromacy

#5e7b8e Protanomaly 1% of men, 0.01% of women
#5e7a95 Deuteranomaly 6% of men, 0.4% of women
#39828e Tritanomaly 0.01% of the population

#357d8f hex color

#357d8f Color Information

#357d8f Color Conversion

Color Schemes with #357d8f

Alternatives to #357d8f

#357d8f Preview

Shades and Tints of #357d8f

Tones of #357d8f

Color Blindness Simulator