#355299 hex color

In a RGB color space, hex #355299 is composed of 20.8% red, 32.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 46.4% magenta, 0% yellow and 40% black. It has a hue angle of 222.6 degrees, a saturation of 48.5% and a lightness of 40.4%. #355299 color hex could be obtained by blending #6aa4ff with #000033. Closest websafe color is: #336699.

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

● #355299 color description : Dark moderate blue.

The hexadecimal color #355299 has RGB values of R:53, G:82, B:153 and CMYK values of C:0.65, M:0.46, Y:0, K:0.4. Its decimal value is 3494553.

Hex triplet	355299	`#355299`
RGB Decimal	53, 82, 153	`rgb(53,82,153)`
RGB Percent	20.8, 32.2, 60	`rgb(20.8%,32.2%,60%)`
CMYK	65, 46, 0, 40
HSL	222.6°, 48.5, 40.4	`hsl(222.6,48.5%,40.4%)`
HSV (or HSB)	222.6°, 65.4, 60
Web Safe	336699	`#336699`

CIE-LAB	36.158, 13.049, -42.138
XYZ	10.234, 9.091, 31.351
xyY	0.202, 0.179, 9.091
CIE-LCH	36.158, 44.112, 287.206
CIE-LUV	36.158, -13.036, -60.332
Hunter-Lab	30.151, 7.824, -40.544
Binary	00110101, 01010010, 10011001

#355299
```
#355299 rgb(53,82,153)
```
#997c35
```
#997c35 rgb(153,124,53)
```

Complementary Color

#358499
```
#358499 rgb(53,132,153)
```
#355299
```
#355299 rgb(53,82,153)
```
#4a3599
```
#4a3599 rgb(74,53,153)
```

Analogous Color

#849935
```
#849935 rgb(132,153,53)
```
#355299
```
#355299 rgb(53,82,153)
```
#994a35
```
#994a35 rgb(153,74,53)
```

Split Complementary Color

#529935
```
#529935 rgb(82,153,53)
```
#355299
```
#355299 rgb(53,82,153)
```
#993552
```
#993552 rgb(153,53,82)
```

Triadic Color

#35997c
```
#35997c rgb(53,153,124)
```
#355299
```
#355299 rgb(53,82,153)
```
#993552
```
#993552 rgb(153,53,82)
```
#997c35
```
#997c35 rgb(153,124,53)
```

Tetradic Color

#213460
```
#213460 rgb(33,52,96)
```
#283e73
```
#283e73 rgb(40,62,115)
```
#2e4886
```
#2e4886 rgb(46,72,134)
```
#355299
```
#355299 rgb(53,82,153)
```
#3c5cac
```
#3c5cac rgb(60,92,172)
```
#4367be
```
#4367be rgb(67,103,190)
```
#5676c4
```
#5676c4 rgb(86,118,196)
```

Monochromatic Color

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

#356b99
```
#356b99 rgb(53,107,153)
```
#356399
```
#356399 rgb(53,99,153)
```
#355a99
```
#355a99 rgb(53,90,153)
```
#355299
```
#355299 rgb(53,82,153)
```
#354a99
```
#354a99 rgb(53,74,153)
```
#354199
```
#354199 rgb(53,65,153)
```
#353999
```
#353999 rgb(53,57,153)
```

Similar Colors

Text with hexadecimal color #355299

This text has a font color of #355299.

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

#355299 background color

This paragraph has a background color of #355299.

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

#355299 border color

This element has a border color of #355299.

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

CSS codes

.text {color:#355299;}

.background {background-color:#355299;}

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080c16
```
#080c16 rgb(8,12,22)
```
#0d1424
```
#0d1424 rgb(13,20,36)
```
#121b33
```
#121b33 rgb(18,27,51)
```
#172342
```
#172342 rgb(23,35,66)
```
#1c2b50
```
#1c2b50 rgb(28,43,80)
```
#21335f
```
#21335f rgb(33,51,95)
```
#263b6d
```
#263b6d rgb(38,59,109)
```
#2b427c
```
#2b427c rgb(43,66,124)
```
#304a8a
```
#304a8a rgb(48,74,138)
```
#355299
```
#355299 rgb(53,82,153)
```
#3a5aa8
```
#3a5aa8 rgb(58,90,168)
```
#3f62b6
```
#3f62b6 rgb(63,98,182)
```

Shade Color Variation

#496bc0
```
#496bc0 rgb(73,107,192)
```
#5777c5
```
#5777c5 rgb(87,119,197)
```
#6683ca
```
#6683ca rgb(102,131,202)
```
#758fcf
```
#758fcf rgb(117,143,207)
```
#839bd4
```
#839bd4 rgb(131,155,212)
```
#92a6d9
```
#92a6d9 rgb(146,166,217)
```
#a0b2de
```
#a0b2de rgb(160,178,222)
```
#afbee3
```
#afbee3 rgb(175,190,227)
```
#bdcae8
```
#bdcae8 rgb(189,202,232)
```
#ccd6ed
```
#ccd6ed rgb(204,214,237)
```
#dbe2f2
```
#dbe2f2 rgb(219,226,242)
```
#e9edf7
```
#e9edf7 rgb(233,237,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#656669
```
#656669 rgb(101,102,105)
```
#5d6371
```
#5d6371 rgb(93,99,113)
```
#555f79
```
#555f79 rgb(85,95,121)
```
#4d5c81
```
#4d5c81 rgb(77,92,129)
```
#455989
```
#455989 rgb(69,89,137)
```
#3d5591
```
#3d5591 rgb(61,85,145)
```
#355299
```
#355299 rgb(53,82,153)
```
#2d4fa1
```
#2d4fa1 rgb(45,79,161)
```
#254ba9
```
#254ba9 rgb(37,75,169)
```
#1d48b1
```
#1d48b1 rgb(29,72,177)
```
#1545b9
```
#1545b9 rgb(21,69,185)
```
#0d41c1
```
#0d41c1 rgb(13,65,193)
```
#053ec9
```
#053ec9 rgb(5,62,201)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b515f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5b9e Protanopia 1% of men
#1f5f9c Deuteranopia 1% of men
#16666e Tritanopia 0.001% of the population

Trichromacy

#38589c Protanomaly 1% of men, 0.01% of women
#275a9b Deuteranomaly 6% of men, 0.4% of women
#215f7d Tritanomaly 0.01% of the population

#355299 hex color

#355299 Color Information

#355299 Color Conversion

Color Schemes with #355299

Alternatives to #355299

#355299 Preview

Shades and Tints of #355299

Tones of #355299

Color Blindness Simulator