#357b8e hex color

In a RGB color space, hex #357b8e is composed of 20.8% red, 48.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 13.4% magenta, 0% yellow and 44.3% black. It has a hue angle of 192.8 degrees, a saturation of 45.6% and a lightness of 38.2%. #357b8e color hex could be obtained by blending #6af6ff with #00001d. Closest websafe color is: #336699.

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

● #357b8e color description : Dark moderate cyan.

The hexadecimal color #357b8e has RGB values of R:53, G:123, B:142 and CMYK values of C:0.63, M:0.13, Y:0, K:0.44. Its decimal value is 3505038.

Hex triplet	357b8e	`#357b8e`
RGB Decimal	53, 123, 142	`rgb(53,123,142)`
RGB Percent	20.8, 48.2, 55.7	`rgb(20.8%,48.2%,55.7%)`
CMYK	63, 13, 0, 44
HSL	192.8°, 45.6, 38.2	`hsl(192.8,45.6%,38.2%)`
HSV (or HSB)	192.8°, 62.7, 55.7
Web Safe	336699	`#336699`

CIE-LAB	48.102, -15.861, -16.873
XYZ	13.432, 16.875, 28.139
xyY	0.23, 0.289, 16.875
CIE-LCH	48.102, 23.157, 226.77
CIE-LUV	48.102, -27.985, -22.27
Hunter-Lab	41.079, -13.521, -11.858
Binary	00110101, 01111011, 10001110

#357b8e
```
#357b8e rgb(53,123,142)
```
#8e4835
```
#8e4835 rgb(142,72,53)
```

Complementary Color

#358e75
```
#358e75 rgb(53,142,117)
```
#357b8e
```
#357b8e rgb(53,123,142)
```
#354e8e
```
#354e8e rgb(53,78,142)
```

Analogous Color

#8e7535
```
#8e7535 rgb(142,117,53)
```
#357b8e
```
#357b8e rgb(53,123,142)
```
#8e354e
```
#8e354e rgb(142,53,78)
```

Split Complementary Color

#7b8e35
```
#7b8e35 rgb(123,142,53)
```
#357b8e
```
#357b8e rgb(53,123,142)
```
#8e357b
```
#8e357b rgb(142,53,123)
```

Triadic Color

#358e48
```
#358e48 rgb(53,142,72)
```
#357b8e
```
#357b8e rgb(53,123,142)
```
#8e357b
```
#8e357b rgb(142,53,123)
```
#8e4835
```
#8e4835 rgb(142,72,53)
```

Tetradic Color

#204b56
```
#204b56 rgb(32,75,86)
```
#275b69
```
#275b69 rgb(39,91,105)
```
#2e6b7b
```
#2e6b7b rgb(46,107,123)
```
#357b8e
```
#357b8e rgb(53,123,142)
```
#3c8ba1
```
#3c8ba1 rgb(60,139,161)
```
#439bb3
```
#439bb3 rgb(67,155,179)
```
#51a7be
```
#51a7be rgb(81,167,190)
```

Monochromatic Color

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

#358e8b
```
#358e8b rgb(53,142,139)
```
#358a8e
```
#358a8e rgb(53,138,142)
```
#35828e
```
#35828e rgb(53,130,142)
```
#357b8e
```
#357b8e rgb(53,123,142)
```
#35748e
```
#35748e rgb(53,116,142)
```
#356c8e
```
#356c8e rgb(53,108,142)
```
#35658e
```
#35658e rgb(53,101,142)
```

Similar Colors

Text with hexadecimal color #357b8e

This text has a font color of #357b8e.

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

#357b8e background color

This paragraph has a background color of #357b8e.

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

#357b8e border color

This element has a border color of #357b8e.

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

CSS codes

.text {color:#357b8e;}

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

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

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

#050c0d
```
#050c0d rgb(5,12,13)
```
#0a181c
```
#0a181c rgb(10,24,28)
```
#10242a
```
#10242a rgb(16,36,42)
```
#153138
```
#153138 rgb(21,49,56)
```
#1a3d47
```
#1a3d47 rgb(26,61,71)
```
#204a55
```
#204a55 rgb(32,74,85)
```
#255663
```
#255663 rgb(37,86,99)
```
#2a6271
```
#2a6271 rgb(42,98,113)
```
#306f80
```
#306f80 rgb(48,111,128)
```
#357b8e
```
#357b8e rgb(53,123,142)
```
#3a879c
```
#3a879c rgb(58,135,156)
```
#4094ab
```
#4094ab rgb(64,148,171)
```
#45a0b9
```
#45a0b9 rgb(69,160,185)
```

Shade Color Variation

#53a8bf
```
#53a8bf rgb(83,168,191)
```
#61afc4
```
#61afc4 rgb(97,175,196)
```
#6fb6c9
```
#6fb6c9 rgb(111,182,201)
```
#7ebdcf
```
#7ebdcf rgb(126,189,207)
```
#8cc5d4
```
#8cc5d4 rgb(140,197,212)
```
#9accd9
```
#9accd9 rgb(154,204,217)
```
#a8d3df
```
#a8d3df rgb(168,211,223)
```
#b7dae4
```
#b7dae4 rgb(183,218,228)
```
#c5e2e9
```
#c5e2e9 rgb(197,226,233)
```
#d3e9ef
```
#d3e9ef rgb(211,233,239)
```
#e2f0f4
```
#e2f0f4 rgb(226,240,244)
```
#f0f7f9
```
#f0f7f9 rgb(240,247,249)
```
#feffff
```
#feffff rgb(254,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 #0099c3 is the most saturated one.

#5b6669
```
#5b6669 rgb(91,102,105)
```
#536a70
```
#536a70 rgb(83,106,112)
```
#4c6e78
```
#4c6e78 rgb(76,110,120)
```
#44727f
```
#44727f rgb(68,114,127)
```
#3d7787
```
#3d7787 rgb(61,119,135)
```
#357b8e
```
#357b8e rgb(53,123,142)
```
#2e7f96
```
#2e7f96 rgb(46,127,150)
```
#26849d
```
#26849d rgb(38,132,157)
```
#1f88a5
```
#1f88a5 rgb(31,136,165)
```
#178cac
```
#178cac rgb(23,140,172)
```
#1090b4
```
#1090b4 rgb(16,144,180)
```
#0895bb
```
#0895bb rgb(8,149,187)
```
#0099c3
```
#0099c3 rgb(0,153,195)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5e6c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#74788e Protanopia 1% of men
#737797 Deuteranopia 1% of men
#3b838c Tritanopia 0.001% of the population

Trichromacy

#5d798e Protanomaly 1% of men, 0.01% of women
#5d7894 Deuteranomaly 6% of men, 0.4% of women
#39808d Tritanomaly 0.01% of the population

#357b8e hex color

#357b8e Color Information

#357b8e Color Conversion

Color Schemes with #357b8e

Alternatives to #357b8e

#357b8e Preview

Shades and Tints of #357b8e

Tones of #357b8e

Color Blindness Simulator