#356b82 hex color

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

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

● #356b82 color description : Dark moderate blue.

The hexadecimal color #356b82 has RGB values of R:53, G:107, B:130 and CMYK values of C:0.59, M:0.18, Y:0, K:0.49. Its decimal value is 3500930.

Hex triplet	356b82	`#356b82`
RGB Decimal	53, 107, 130	`rgb(53,107,130)`
RGB Percent	20.8, 42, 51	`rgb(20.8%,42%,51%)`
CMYK	59, 18, 0, 49
HSL	197.9°, 42.1, 35.9	`hsl(197.9,42.1%,35.9%)`
HSV (or HSB)	197.9°, 59.2, 51
Web Safe	336699	`#336699`

CIE-LAB	42.587, -10.696, -18.165
XYZ	10.754, 12.883, 23.038
xyY	0.23, 0.276, 12.883
CIE-LCH	42.587, 21.08, 239.509
CIE-LUV	42.587, -22.332, -24.246
Hunter-Lab	35.893, -9.332, -12.93
Binary	00110101, 01101011, 10000010

#356b82
```
#356b82 rgb(53,107,130)
```
#824c35
```
#824c35 rgb(130,76,53)
```

Complementary Color

#358273
```
#358273 rgb(53,130,115)
```
#356b82
```
#356b82 rgb(53,107,130)
```
#354582
```
#354582 rgb(53,69,130)
```

Analogous Color

#827335
```
#827335 rgb(130,115,53)
```
#356b82
```
#356b82 rgb(53,107,130)
```
#823544
```
#823544 rgb(130,53,68)
```

Split Complementary Color

#6b8235
```
#6b8235 rgb(107,130,53)
```
#356b82
```
#356b82 rgb(53,107,130)
```
#82356b
```
#82356b rgb(130,53,107)
```

Triadic Color

#35824c
```
#35824c rgb(53,130,76)
```
#356b82
```
#356b82 rgb(53,107,130)
```
#82356b
```
#82356b rgb(130,53,107)
```
#824c35
```
#824c35 rgb(130,76,53)
```

Tetradic Color

#1f3e4c
```
#1f3e4c rgb(31,62,76)
```
#264d5e
```
#264d5e rgb(38,77,94)
```
#2e5c70
```
#2e5c70 rgb(46,92,112)
```
#356b82
```
#356b82 rgb(53,107,130)
```
#3c7a94
```
#3c7a94 rgb(60,122,148)
```
#4489a6
```
#4489a6 rgb(68,137,166)
```
#4d97b6
```
#4d97b6 rgb(77,151,182)
```

Monochromatic Color

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

#357e82
```
#357e82 rgb(53,126,130)
```
#357882
```
#357882 rgb(53,120,130)
```
#357182
```
#357182 rgb(53,113,130)
```
#356b82
```
#356b82 rgb(53,107,130)
```
#356582
```
#356582 rgb(53,101,130)
```
#355e82
```
#355e82 rgb(53,94,130)
```
#355882
```
#355882 rgb(53,88,130)
```

Similar Colors

Text with hexadecimal color #356b82

This text has a font color of #356b82.

<span style="color:#356b82;">Text here</span>

#356b82 background color

This paragraph has a background color of #356b82.

<p style="background-color:#356b82;">Content here</p>

#356b82 border color

This element has a border color of #356b82.

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

CSS codes

.text {color:#356b82;}

.background {background-color:#356b82;}

.border {border:1px solid #356b82;}

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 #f6fafb is the lightest one.

#020405
```
#020405 rgb(2,4,5)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0d1b20
```
#0d1b20 rgb(13,27,32)
```
#13262e
```
#13262e rgb(19,38,46)
```
#19323c
```
#19323c rgb(25,50,60)
```
#1e3d4a
```
#1e3d4a rgb(30,61,74)
```
#244958
```
#244958 rgb(36,73,88)
```
#2a5466
```
#2a5466 rgb(42,84,102)
```
#2f6074
```
#2f6074 rgb(47,96,116)
```
#356b82
```
#356b82 rgb(53,107,130)
```
#3b7690
```
#3b7690 rgb(59,118,144)
```
#40829e
```
#40829e rgb(64,130,158)
```
#468dac
```
#468dac rgb(70,141,172)
```

Shade Color Variation

#4e98b7
```
#4e98b7 rgb(78,152,183)
```
#5ca0bd
```
#5ca0bd rgb(92,160,189)
```
#6aa8c2
```
#6aa8c2 rgb(106,168,194)
```
#78b0c8
```
#78b0c8 rgb(120,176,200)
```
#86b8ce
```
#86b8ce rgb(134,184,206)
```
#94c1d3
```
#94c1d3 rgb(148,193,211)
```
#a2c9d9
```
#a2c9d9 rgb(162,201,217)
```
#b0d1df
```
#b0d1df rgb(176,209,223)
```
#bed9e4
```
#bed9e4 rgb(190,217,228)
```
#cce1ea
```
#cce1ea rgb(204,225,234)
```
#dae9f0
```
#dae9f0 rgb(218,233,240)
```
#e8f1f6
```
#e8f1f6 rgb(232,241,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#585d5f
```
#585d5f rgb(88,93,95)
```
#516066
```
#516066 rgb(81,96,102)
```
#4a626d
```
#4a626d rgb(74,98,109)
```
#436574
```
#436574 rgb(67,101,116)
```
#3c687b
```
#3c687b rgb(60,104,123)
```
#356b82
```
#356b82 rgb(53,107,130)
```
#2e6e89
```
#2e6e89 rgb(46,110,137)
```
#277190
```
#277190 rgb(39,113,144)
```
#207497
```
#207497 rgb(32,116,151)
```
#19769e
```
#19769e rgb(25,118,158)
```
#1279a5
```
#1279a5 rgb(18,121,165)
```
#0b7cac
```
#0b7cac rgb(11,124,172)
```
#047fb3
```
#047fb3 rgb(4,127,179)
```

Tone Color Variation

Below, you can see how #356b82 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

#5d5d5d Achromatopsia 0.005% of the population
#556064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666b83 Protanopia 1% of men
#646a8b Deuteranopia 1% of men
#39747d Tritanopia 0.001% of the population

Trichromacy

#546b83 Protanomaly 1% of men, 0.01% of women
#536a88 Deuteranomaly 6% of men, 0.4% of women
#38717f Tritanomaly 0.01% of the population

#356b82 hex color

#356b82 Color Information

#356b82 Color Conversion

Color Schemes with #356b82

Alternatives to #356b82

#356b82 Preview

Shades and Tints of #356b82

Tones of #356b82

Color Blindness Simulator