#356996 hex color

In a RGB color space, hex #356996 is composed of 20.8% red, 41.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 30% magenta, 0% yellow and 41.2% black. It has a hue angle of 207.8 degrees, a saturation of 47.8% and a lightness of 39.8%. #356996 color hex could be obtained by blending #6ad2ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 41
- B 59
RGB color chart
- C 65
- M 30
- Y 0
- K 41
CMYK color chart

● #356996 color description : Dark moderate blue.

The hexadecimal color #356996 has RGB values of R:53, G:105, B:150 and CMYK values of C:0.65, M:0.3, Y:0, K:0.41. Its decimal value is 3500438.

Hex triplet	356996	`#356996`
RGB Decimal	53, 105, 150	`rgb(53,105,150)`
RGB Percent	20.8, 41.2, 58.8	`rgb(20.8%,41.2%,58.8%)`
CMYK	65, 30, 0, 41
HSL	207.8°, 47.8, 39.8	`hsl(207.8,47.8%,39.8%)`
HSV (or HSB)	207.8°, 64.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	42.855, -2.69, -29.728
XYZ	12.023, 13.061, 30.74
xyY	0.215, 0.234, 13.061
CIE-LCH	42.855, 29.85, 264.829
CIE-LUV	42.855, -20.955, -42.737
Hunter-Lab	36.14, -3.86, -25.132
Binary	00110101, 01101001, 10010110

#356996
```
#356996 rgb(53,105,150)
```
#966235
```
#966235 rgb(150,98,53)
```

Complementary Color

#359693
```
#359693 rgb(53,150,147)
```
#356996
```
#356996 rgb(53,105,150)
```
#353996
```
#353996 rgb(53,57,150)
```

Analogous Color

#969335
```
#969335 rgb(150,147,53)
```
#356996
```
#356996 rgb(53,105,150)
```
#963538
```
#963538 rgb(150,53,56)
```

Split Complementary Color

#699635
```
#699635 rgb(105,150,53)
```
#356996
```
#356996 rgb(53,105,150)
```
#963569
```
#963569 rgb(150,53,105)
```

Triadic Color

#359662
```
#359662 rgb(53,150,98)
```
#356996
```
#356996 rgb(53,105,150)
```
#963569
```
#963569 rgb(150,53,105)
```
#966235
```
#966235 rgb(150,98,53)
```

Tetradic Color

#21415d
```
#21415d rgb(33,65,93)
```
#284f70
```
#284f70 rgb(40,79,112)
```
#2e5c83
```
#2e5c83 rgb(46,92,131)
```
#356996
```
#356996 rgb(53,105,150)
```
#3c76a9
```
#3c76a9 rgb(60,118,169)
```
#4283bc
```
#4283bc rgb(66,131,188)
```
#5590c3
```
#5590c3 rgb(85,144,195)
```

Monochromatic Color

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

#358196
```
#358196 rgb(53,129,150)
```
#357996
```
#357996 rgb(53,121,150)
```
#357196
```
#357196 rgb(53,113,150)
```
#356996
```
#356996 rgb(53,105,150)
```
#356196
```
#356196 rgb(53,97,150)
```
#355996
```
#355996 rgb(53,89,150)
```
#355196
```
#355196 rgb(53,81,150)
```

Similar Colors

Text with hexadecimal color #356996

This text has a font color of #356996.

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

#356996 background color

This paragraph has a background color of #356996.

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

#356996 border color

This element has a border color of #356996.

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

CSS codes

.text {color:#356996;}

.background {background-color:#356996;}

.border {border:1px solid #356996;}

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

#020405
```
#020405 rgb(2,4,5)
```
#070e14
```
#070e14 rgb(7,14,20)
```
#0c1822
```
#0c1822 rgb(12,24,34)
```
#112231
```
#112231 rgb(17,34,49)
```
#162c3f
```
#162c3f rgb(22,44,63)
```
#1b364e
```
#1b364e rgb(27,54,78)
```
#21405c
```
#21405c rgb(33,64,92)
```
#264b6b
```
#264b6b rgb(38,75,107)
```
#2b5579
```
#2b5579 rgb(43,85,121)
```
#305f88
```
#305f88 rgb(48,95,136)
```
#356996
```
#356996 rgb(53,105,150)
```
#3a73a4
```
#3a73a4 rgb(58,115,164)
```
#3f7db3
```
#3f7db3 rgb(63,125,179)
```

Shade Color Variation

#4887be
```
#4887be rgb(72,135,190)
```
#5691c3
```
#5691c3 rgb(86,145,195)
```
#659ac8
```
#659ac8 rgb(101,154,200)
```
#73a4ce
```
#73a4ce rgb(115,164,206)
```
#82add3
```
#82add3 rgb(130,173,211)
```
#90b7d8
```
#90b7d8 rgb(144,183,216)
```
#9fc0dd
```
#9fc0dd rgb(159,192,221)
```
#adc9e2
```
#adc9e2 rgb(173,201,226)
```
#bcd3e7
```
#bcd3e7 rgb(188,211,231)
```
#cadcec
```
#cadcec rgb(202,220,236)
```
#d9e6f1
```
#d9e6f1 rgb(217,230,241)
```
#e7eff7
```
#e7eff7 rgb(231,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646667 is the less saturated color, while #066cc5 is the most saturated one.

#646667
```
#646667 rgb(100,102,103)
```
#5c666f
```
#5c666f rgb(92,102,111)
```
#546777
```
#546777 rgb(84,103,119)
```
#4c677f
```
#4c677f rgb(76,103,127)
```
#456886
```
#456886 rgb(69,104,134)
```
#3d688e
```
#3d688e rgb(61,104,142)
```
#356996
```
#356996 rgb(53,105,150)
```
#2d6a9e
```
#2d6a9e rgb(45,106,158)
```
#256aa6
```
#256aa6 rgb(37,106,166)
```
#1e6bad
```
#1e6bad rgb(30,107,173)
```
#166bb5
```
#166bb5 rgb(22,107,181)
```
#0e6cbd
```
#0e6cbd rgb(14,108,189)
```
#066cc5
```
#066cc5 rgb(6,108,197)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#57616a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6b97 Protanopia 1% of men
#556c9d Deuteranopia 1% of men
#2c767f Tritanopia 0.001% of the population

Trichromacy

#4f6a97 Protanomaly 1% of men, 0.01% of women
#496b9a Deuteranomaly 6% of men, 0.4% of women
#2f7187 Tritanomaly 0.01% of the population

#356996 hex color

#356996 Color Information

#356996 Color Conversion

Color Schemes with #356996

Alternatives to #356996

#356996 Preview

Shades and Tints of #356996

Tones of #356996

Color Blindness Simulator