#353f96 hex color

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

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

● #353f96 color description : Dark moderate blue.

The hexadecimal color #353f96 has RGB values of R:53, G:63, B:150 and CMYK values of C:0.65, M:0.58, Y:0, K:0.41. Its decimal value is 3489686.

Hex triplet	353f96	`#353f96`
RGB Decimal	53, 63, 150	`rgb(53,63,150)`
RGB Percent	20.8, 24.7, 58.8	`rgb(20.8%,24.7%,58.8%)`
CMYK	65, 58, 0, 41
HSL	233.8°, 47.8, 39.8	`hsl(233.8,47.8%,39.8%)`
HSV (or HSB)	233.8°, 64.7, 58.8
Web Safe	333399	`#333399`

CIE-LAB	30.673, 24.588, -49.162
XYZ	8.75, 6.513, 29.649
xyY	0.195, 0.145, 6.513
CIE-LCH	30.673, 54.968, 296.572
CIE-LUV	30.673, -7.467, -67.119
Hunter-Lab	25.521, 16.533, -51.013
Binary	00110101, 00111111, 10010110

#353f96
```
#353f96 rgb(53,63,150)
```
#968c35
```
#968c35 rgb(150,140,53)
```

Complementary Color

#357096
```
#357096 rgb(53,112,150)
```
#353f96
```
#353f96 rgb(53,63,150)
```
#5c3596
```
#5c3596 rgb(92,53,150)
```

Analogous Color

#709635
```
#709635 rgb(112,150,53)
```
#353f96
```
#353f96 rgb(53,63,150)
```
#965c35
```
#965c35 rgb(150,92,53)
```

Split Complementary Color

#3f9635
```
#3f9635 rgb(63,150,53)
```
#353f96
```
#353f96 rgb(53,63,150)
```
#96353f
```
#96353f rgb(150,53,63)
```

Triadic Color

#35968c
```
#35968c rgb(53,150,140)
```
#353f96
```
#353f96 rgb(53,63,150)
```
#96353f
```
#96353f rgb(150,53,63)
```
#968c35
```
#968c35 rgb(150,140,53)
```

Tetradic Color

#21275d
```
#21275d rgb(33,39,93)
```
#282f70
```
#282f70 rgb(40,47,112)
```
#2e3783
```
#2e3783 rgb(46,55,131)
```
#353f96
```
#353f96 rgb(53,63,150)
```
#3c47a9
```
#3c47a9 rgb(60,71,169)
```
#424fbc
```
#424fbc rgb(66,79,188)
```
#5560c3
```
#5560c3 rgb(85,96,195)
```

Monochromatic Color

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

#355796
```
#355796 rgb(53,87,150)
```
#354f96
```
#354f96 rgb(53,79,150)
```
#354796
```
#354796 rgb(53,71,150)
```
#353f96
```
#353f96 rgb(53,63,150)
```
#353796
```
#353796 rgb(53,55,150)
```
#3b3596
```
#3b3596 rgb(59,53,150)
```
#433596
```
#433596 rgb(67,53,150)
```

Similar Colors

Text with hexadecimal color #353f96

This text has a font color of #353f96.

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

#353f96 background color

This paragraph has a background color of #353f96.

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

#353f96 border color

This element has a border color of #353f96.

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

CSS codes

.text {color:#353f96;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#070814
```
#070814 rgb(7,8,20)
```
#0c0e22
```
#0c0e22 rgb(12,14,34)
```
#111431
```
#111431 rgb(17,20,49)
```
#161a3f
```
#161a3f rgb(22,26,63)
```
#1b214e
```
#1b214e rgb(27,33,78)
```
#21275c
```
#21275c rgb(33,39,92)
```
#262d6b
```
#262d6b rgb(38,45,107)
```
#2b3379
```
#2b3379 rgb(43,51,121)
```
#303988
```
#303988 rgb(48,57,136)
```
#353f96
```
#353f96 rgb(53,63,150)
```
#3a45a4
```
#3a45a4 rgb(58,69,164)
```
#3f4bb3
```
#3f4bb3 rgb(63,75,179)
```

Shade Color Variation

#4854be
```
#4854be rgb(72,84,190)
```
#5661c3
```
#5661c3 rgb(86,97,195)
```
#656fc8
```
#656fc8 rgb(101,111,200)
```
#737cce
```
#737cce rgb(115,124,206)
```
#828ad3
```
#828ad3 rgb(130,138,211)
```
#9097d8
```
#9097d8 rgb(144,151,216)
```
#9fa5dd
```
#9fa5dd rgb(159,165,221)
```
#adb3e2
```
#adb3e2 rgb(173,179,226)
```
#bcc0e7
```
#bcc0e7 rgb(188,192,231)
```
#caceec
```
#caceec rgb(202,206,236)
```
#d9dbf1
```
#d9dbf1 rgb(217,219,241)
```
#e7e9f7
```
#e7e9f7 rgb(231,233,247)
```
#f6f6fc
```
#f6f6fc rgb(246,246,252)
```

Tint Color Variation

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

#646467
```
#646467 rgb(100,100,103)
```
#5c5e6f
```
#5c5e6f rgb(92,94,111)
```
#545877
```
#545877 rgb(84,88,119)
```
#4c527f
```
#4c527f rgb(76,82,127)
```
#454b86
```
#454b86 rgb(69,75,134)
```
#3d458e
```
#3d458e rgb(61,69,142)
```
#353f96
```
#353f96 rgb(53,63,150)
```
#2d399e
```
#2d399e rgb(45,57,158)
```
#2533a6
```
#2533a6 rgb(37,51,166)
```
#1e2cad
```
#1e2cad rgb(30,44,173)
```
#1626b5
```
#1626b5 rgb(22,38,181)
```
#0e20bd
```
#0e20bd rgb(14,32,189)
```
#061ac5
```
#061ac5 rgb(6,26,197)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#434556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005388 Deuteranopia 1% of men
#005960 Tritanopia 0.001% of the population

Trichromacy

#134999 Protanomaly 1% of men, 0.01% of women
#134c8d Deuteranomaly 6% of men, 0.4% of women
#134f73 Tritanomaly 0.01% of the population

#353f96 hex color

#353f96 Color Information

#353f96 Color Conversion

Color Schemes with #353f96

Alternatives to #353f96

#353f96 Preview

Shades and Tints of #353f96

Tones of #353f96

Color Blindness Simulator