#356498 hex color

In a RGB color space, hex #356498 is composed of 20.8% red, 39.2% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 34.2% magenta, 0% yellow and 40.4% black. It has a hue angle of 211.5 degrees, a saturation of 48.3% and a lightness of 40.2%. #356498 color hex could be obtained by blending #6ac8ff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 39
- B 60
RGB color chart
- C 65
- M 34
- Y 0
- K 40
CMYK color chart

● #356498 color description : Dark moderate blue.

The hexadecimal color #356498 has RGB values of R:53, G:100, B:152 and CMYK values of C:0.65, M:0.34, Y:0, K:0.4. Its decimal value is 3499160.

Hex triplet	356498	`#356498`
RGB Decimal	53, 100, 152	`rgb(53,100,152)`
RGB Percent	20.8, 39.2, 59.6	`rgb(20.8%,39.2%,59.6%)`
CMYK	65, 34, 0, 40
HSL	211.5°, 48.3, 40.2	`hsl(211.5,48.3%,40.2%)`
HSV (or HSB)	211.5°, 65.1, 59.6
Web Safe	336699	`#336699`

CIE-LAB	41.434, 1.106, -33.155
XYZ	11.692, 12.137, 31.431
xyY	0.212, 0.22, 12.137
CIE-LCH	41.434, 33.173, 271.91
CIE-LUV	41.434, -19.112, -47.993
Hunter-Lab	34.839, -1.065, -29.103
Binary	00110101, 01100100, 10011000

#356498
```
#356498 rgb(53,100,152)
```
#986935
```
#986935 rgb(152,105,53)
```

Complementary Color

#359698
```
#359698 rgb(53,150,152)
```
#356498
```
#356498 rgb(53,100,152)
```
#383598
```
#383598 rgb(56,53,152)
```

Analogous Color

#969835
```
#969835 rgb(150,152,53)
```
#356498
```
#356498 rgb(53,100,152)
```
#983835
```
#983835 rgb(152,56,53)
```

Split Complementary Color

#649835
```
#649835 rgb(100,152,53)
```
#356498
```
#356498 rgb(53,100,152)
```
#983564
```
#983564 rgb(152,53,100)
```

Triadic Color

#359869
```
#359869 rgb(53,152,105)
```
#356498
```
#356498 rgb(53,100,152)
```
#983564
```
#983564 rgb(152,53,100)
```
#986935
```
#986935 rgb(152,105,53)
```

Tetradic Color

#213f5f
```
#213f5f rgb(33,63,95)
```
#284b72
```
#284b72 rgb(40,75,114)
```
#2e5885
```
#2e5885 rgb(46,88,133)
```
#356498
```
#356498 rgb(53,100,152)
```
#3c70ab
```
#3c70ab rgb(60,112,171)
```
#437dbd
```
#437dbd rgb(67,125,189)
```
#568ac4
```
#568ac4 rgb(86,138,196)
```

Monochromatic Color

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

#357d98
```
#357d98 rgb(53,125,152)
```
#357598
```
#357598 rgb(53,117,152)
```
#356c98
```
#356c98 rgb(53,108,152)
```
#356498
```
#356498 rgb(53,100,152)
```
#355c98
```
#355c98 rgb(53,92,152)
```
#355498
```
#355498 rgb(53,84,152)
```
#354b98
```
#354b98 rgb(53,75,152)
```

Similar Colors

Text with hexadecimal color #356498

This text has a font color of #356498.

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

#356498 background color

This paragraph has a background color of #356498.

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

#356498 border color

This element has a border color of #356498.

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

CSS codes

.text {color:#356498;}

.background {background-color:#356498;}

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070e15
```
#070e15 rgb(7,14,21)
```
#0c1724
```
#0c1724 rgb(12,23,36)
```
#122132
```
#122132 rgb(18,33,50)
```
#172b41
```
#172b41 rgb(23,43,65)
```
#1c344f
```
#1c344f rgb(28,52,79)
```
#213e5e
```
#213e5e rgb(33,62,94)
```
#26476c
```
#26476c rgb(38,71,108)
```
#2b517b
```
#2b517b rgb(43,81,123)
```
#305a89
```
#305a89 rgb(48,90,137)
```
#356498
```
#356498 rgb(53,100,152)
```
#3a6ea7
```
#3a6ea7 rgb(58,110,167)
```
#3f77b5
```
#3f77b5 rgb(63,119,181)
```

Shade Color Variation

#4881bf
```
#4881bf rgb(72,129,191)
```
#578bc4
```
#578bc4 rgb(87,139,196)
```
#6695ca
```
#6695ca rgb(102,149,202)
```
#749fcf
```
#749fcf rgb(116,159,207)
```
#83a9d4
```
#83a9d4 rgb(131,169,212)
```
#91b3d9
```
#91b3d9 rgb(145,179,217)
```
#a0bdde
```
#a0bdde rgb(160,189,222)
```
#aec7e3
```
#aec7e3 rgb(174,199,227)
```
#bdd1e8
```
#bdd1e8 rgb(189,209,232)
```
#cbdbed
```
#cbdbed rgb(203,219,237)
```
#dae5f2
```
#dae5f2 rgb(218,229,242)
```
#e8eff7
```
#e8eff7 rgb(232,239,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#646669
```
#646669 rgb(100,102,105)
```
#5c6671
```
#5c6671 rgb(92,102,113)
```
#556678
```
#556678 rgb(85,102,120)
```
#4d6580
```
#4d6580 rgb(77,101,128)
```
#456588
```
#456588 rgb(69,101,136)
```
#3d6490
```
#3d6490 rgb(61,100,144)
```
#356498
```
#356498 rgb(53,100,152)
```
#2d64a0
```
#2d64a0 rgb(45,100,160)
```
#2563a8
```
#2563a8 rgb(37,99,168)
```
#1d63b0
```
#1d63b0 rgb(29,99,176)
```
#1562b8
```
#1562b8 rgb(21,98,184)
```
#0e62bf
```
#0e62bf rgb(14,98,191)
```
#0662c7
```
#0662c7 rgb(6,98,199)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#545e68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#56689a Protanopia 1% of men
#4b699e Deuteranopia 1% of men
#27737b Tritanopia 0.001% of the population

Trichromacy

#4a6699 Protanomaly 1% of men, 0.01% of women
#43679b Deuteranomaly 6% of men, 0.4% of women
#2c6d85 Tritanomaly 0.01% of the population

#356498 hex color

#356498 Color Information

#356498 Color Conversion

Color Schemes with #356498

Alternatives to #356498

#356498 Preview

Shades and Tints of #356498

Tones of #356498

Color Blindness Simulator