colorhexa.com

#353f87 hex color

In a RGB color space, hex #353f87 is composed of 20.8% red, 24.7% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 53.3% magenta, 0% yellow and 47.1% black. It has a hue angle of 232.7 degrees, a saturation of 43.6% and a lightness of 36.9%. #353f87 color hex could be obtained by blending #6a7eff with #00000f. Closest websafe color is: #333399.

- R 21
- G 25
- B 53
RGB color chart
- C 61
- M 53
- Y 0
- K 47
CMYK color chart

● #353f87 color description : Dark moderate blue.

The hexadecimal color #353f87 has RGB values of R:53, G:63, B:135 and CMYK values of C:0.61, M:0.53, Y:0, K:0.47. Its decimal value is 3489671.

Hex triplet	353f87	`#353f87`
RGB Decimal	53, 63, 135	`rgb(53,63,135)`
RGB Percent	20.8, 24.7, 52.9	`rgb(20.8%,24.7%,52.9%)`
CMYK	61, 53, 0, 47
HSL	232.7°, 43.6, 36.9	`hsl(232.7,43.6%,36.9%)`
HSV (or HSB)	232.7°, 60.7, 52.9
Web Safe	333399	`#333399`

CIE-LAB	29.565, 19.175, -41.728
XYZ	7.618, 6.061, 23.689
xyY	0.204, 0.162, 6.061
CIE-LCH	29.565, 45.923, 294.681
CIE-LUV	29.565, -6.982, -56.387
Hunter-Lab	24.619, 12.152, -39.817
Binary	00110101, 00111111, 10000111

#353f87
```
#353f87 rgb(53,63,135)
```
#877d35
```
#877d35 rgb(135,125,53)
```

Complementary Color

#356887
```
#356887 rgb(53,104,135)
```
#353f87
```
#353f87 rgb(53,63,135)
```
#543587
```
#543587 rgb(84,53,135)
```

Analogous Color

#688735
```
#688735 rgb(104,135,53)
```
#353f87
```
#353f87 rgb(53,63,135)
```
#875435
```
#875435 rgb(135,84,53)
```

Split Complementary Color

#3f8735
```
#3f8735 rgb(63,135,53)
```
#353f87
```
#353f87 rgb(53,63,135)
```
#87353f
```
#87353f rgb(135,53,63)
```

Triadic Color

#35877d
```
#35877d rgb(53,135,125)
```
#353f87
```
#353f87 rgb(53,63,135)
```
#87353f
```
#87353f rgb(135,53,63)
```
#877d35
```
#877d35 rgb(135,125,53)
```

Tetradic Color

#1f2550
```
#1f2550 rgb(31,37,80)
```
#272e62
```
#272e62 rgb(39,46,98)
```
#2e3675
```
#2e3675 rgb(46,54,117)
```
#353f87
```
#353f87 rgb(53,63,135)
```
#3c4899
```
#3c4899 rgb(60,72,153)
```
#4350ac
```
#4350ac rgb(67,80,172)
```
#4f5cba
```
#4f5cba rgb(79,92,186)
```

Monochromatic Color

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

#355487
```
#355487 rgb(53,84,135)
```
#354d87
```
#354d87 rgb(53,77,135)
```
#354687
```
#354687 rgb(53,70,135)
```
#353f87
```
#353f87 rgb(53,63,135)
```
#353887
```
#353887 rgb(53,56,135)
```
#393587
```
#393587 rgb(57,53,135)
```
#403587
```
#403587 rgb(64,53,135)
```

Similar Colors

Text with hexadecimal color #353f87

This text has a font color of #353f87.

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

#353f87 background color

This paragraph has a background color of #353f87.

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

#353f87 border color

This element has a border color of #353f87.

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

CSS codes

.text {color:#353f87;}

.background {background-color:#353f87;}

.border {border:1px solid #353f87;}

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

#030408
```
#030408 rgb(3,4,8)
```
#090a16
```
#090a16 rgb(9,10,22)
```
#0e1124
```
#0e1124 rgb(14,17,36)
```
#141832
```
#141832 rgb(20,24,50)
```
#191e41
```
#191e41 rgb(25,30,65)
```
#1f254f
```
#1f254f rgb(31,37,79)
```
#242b5d
```
#242b5d rgb(36,43,93)
```
#2a326b
```
#2a326b rgb(42,50,107)
```
#2f3879
```
#2f3879 rgb(47,56,121)
```
#353f87
```
#353f87 rgb(53,63,135)
```
#3b4695
```
#3b4695 rgb(59,70,149)
```
#404ca3
```
#404ca3 rgb(64,76,163)
```
#4653b1
```
#4653b1 rgb(70,83,177)
```

Shade Color Variation

#505dba
```
#505dba rgb(80,93,186)
```
#5e6ac0
```
#5e6ac0 rgb(94,106,192)
```
#6c77c5
```
#6c77c5 rgb(108,119,197)
```
#7a84cb
```
#7a84cb rgb(122,132,203)
```
#8891d0
```
#8891d0 rgb(136,145,208)
```
#979ed6
```
#979ed6 rgb(151,158,214)
```
#a5abdc
```
#a5abdc rgb(165,171,220)
```
#b3b8e1
```
#b3b8e1 rgb(179,184,225)
```
#c1c5e7
```
#c1c5e7 rgb(193,197,231)
```
#cfd2ec
```
#cfd2ec rgb(207,210,236)
```
#dddff2
```
#dddff2 rgb(221,223,242)
```
#ebedf7
```
#ebedf7 rgb(235,237,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595a63 is the less saturated color, while #0219ba is the most saturated one.

#595a63
```
#595a63 rgb(89,90,99)
```
#52556a
```
#52556a rgb(82,85,106)
```
#4b4f71
```
#4b4f71 rgb(75,79,113)
```
#434a79
```
#434a79 rgb(67,74,121)
```
#3c4480
```
#3c4480 rgb(60,68,128)
```
#353f87
```
#353f87 rgb(53,63,135)
```
#2e3a8e
```
#2e3a8e rgb(46,58,142)
```
#273495
```
#273495 rgb(39,52,149)
```
#1f2f9d
```
#1f2f9d rgb(31,47,157)
```
#1829a4
```
#1829a4 rgb(24,41,164)
```
#1124ab
```
#1124ab rgb(17,36,171)
```
#0a1eb2
```
#0a1eb2 rgb(10,30,178)
```
#0219ba
```
#0219ba rgb(2,25,186)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#414351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#214d90 Protanopia 1% of men
#005085 Deuteranopia 1% of men
#22555c Tritanopia 0.001% of the population

Trichromacy

#28478d Protanomaly 1% of men, 0.01% of women
#134a86 Deuteranomaly 6% of men, 0.4% of women
#294d6b Tritanomaly 0.01% of the population