#353ea5 hex color

In a RGB color space, hex #353ea5 is composed of 20.8% red, 24.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 62.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 235.2 degrees, a saturation of 51.4% and a lightness of 42.7%. #353ea5 color hex could be obtained by blending #6a7cff with #00004b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 24
- B 65
RGB color chart
- C 68
- M 62
- Y 0
- K 35
CMYK color chart

● #353ea5 color description : Dark moderate blue.

The hexadecimal color #353ea5 has RGB values of R:53, G:62, B:165 and CMYK values of C:0.68, M:0.62, Y:0, K:0.35. Its decimal value is 3489445.

Hex triplet	353ea5	`#353ea5`
RGB Decimal	53, 62, 165	`rgb(53,62,165)`
RGB Percent	20.8, 24.3, 64.7	`rgb(20.8%,24.3%,64.7%)`
CMYK	68, 62, 0, 35
HSL	235.2°, 51.4, 42.7	`hsl(235.2,51.4%,42.7%)`
HSV (or HSB)	235.2°, 67.9, 64.7
Web Safe	333399	`#333399`

CIE-LAB	31.62, 30.635, -56.709
XYZ	9.981, 6.918, 36.405
xyY	0.187, 0.13, 6.918
CIE-LCH	31.62, 64.455, 298.378
CIE-LUV	31.62, -7.721, -77.726
Hunter-Lab	26.302, 21.706, -63.65
Binary	00110101, 00111110, 10100101

#353ea5
```
#353ea5 rgb(53,62,165)
```
#a59c35
```
#a59c35 rgb(165,156,53)
```

Complementary Color

#3576a5
```
#3576a5 rgb(53,118,165)
```
#353ea5
```
#353ea5 rgb(53,62,165)
```
#6435a5
```
#6435a5 rgb(100,53,165)
```

Analogous Color

#76a535
```
#76a535 rgb(118,165,53)
```
#353ea5
```
#353ea5 rgb(53,62,165)
```
#a56435
```
#a56435 rgb(165,100,53)
```

Split Complementary Color

#3ea535
```
#3ea535 rgb(62,165,53)
```
#353ea5
```
#353ea5 rgb(53,62,165)
```
#a5353e
```
#a5353e rgb(165,53,62)
```

Triadic Color

#35a59c
```
#35a59c rgb(53,165,156)
```
#353ea5
```
#353ea5 rgb(53,62,165)
```
#a5353e
```
#a5353e rgb(165,53,62)
```
#a59c35
```
#a59c35 rgb(165,156,53)
```

Tetradic Color

#22286b
```
#22286b rgb(34,40,107)
```
#292f7e
```
#292f7e rgb(41,47,126)
```
#2f3792
```
#2f3792 rgb(47,55,146)
```
#353ea5
```
#353ea5 rgb(53,62,165)
```
#3b45b8
```
#3b45b8 rgb(59,69,184)
```
#4953c4
```
#4953c4 rgb(73,83,196)
```
#5c65cb
```
#5c65cb rgb(92,101,203)
```

Monochromatic Color

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

#355aa5
```
#355aa5 rgb(53,90,165)
```
#3551a5
```
#3551a5 rgb(53,81,165)
```
#3547a5
```
#3547a5 rgb(53,71,165)
```
#353ea5
```
#353ea5 rgb(53,62,165)
```
#3535a5
```
#3535a5 rgb(53,53,165)
```
#3f35a5
```
#3f35a5 rgb(63,53,165)
```
#4835a5
```
#4835a5 rgb(72,53,165)
```

Similar Colors

Text with hexadecimal color #353ea5

This text has a font color of #353ea5.

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

#353ea5 background color

This paragraph has a background color of #353ea5.

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

#353ea5 border color

This element has a border color of #353ea5.

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

CSS codes

.text {color:#353ea5;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050611
```
#050611 rgb(5,6,17)
```
#0a0c1f
```
#0a0c1f rgb(10,12,31)
```
#0f112e
```
#0f112e rgb(15,17,46)
```
#14173d
```
#14173d rgb(20,23,61)
```
#181d4c
```
#181d4c rgb(24,29,76)
```
#1d225b
```
#1d225b rgb(29,34,91)
```
#22286a
```
#22286a rgb(34,40,106)
```
#272d78
```
#272d78 rgb(39,45,120)
```
#2b3387
```
#2b3387 rgb(43,51,135)
```
#303896
```
#303896 rgb(48,56,150)
```
#353ea5
```
#353ea5 rgb(53,62,165)
```
#3a44b4
```
#3a44b4 rgb(58,68,180)
```

Shade Color Variation

#404ac2
```
#404ac2 rgb(64,74,194)
```
#4f58c6
```
#4f58c6 rgb(79,88,198)
```
#5d66cb
```
#5d66cb rgb(93,102,203)
```
#6c74d0
```
#6c74d0 rgb(108,116,208)
```
#7b82d5
```
#7b82d5 rgb(123,130,213)
```
#8a90d9
```
#8a90d9 rgb(138,144,217)
```
#999ede
```
#999ede rgb(153,158,222)
```
#a8ace3
```
#a8ace3 rgb(168,172,227)
```
#b6bae8
```
#b6bae8 rgb(182,186,232)
```
#c5c8ec
```
#c5c8ec rgb(197,200,236)
```
#d4d6f1
```
#d4d6f1 rgb(212,214,241)
```
#e3e5f6
```
#e3e5f6 rgb(227,229,246)
```
#f2f3fb
```
#f2f3fb rgb(242,243,251)
```

Tint Color Variation

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

#676873
```
#676873 rgb(103,104,115)
```
#5f617b
```
#5f617b rgb(95,97,123)
```
#575a83
```
#575a83 rgb(87,90,131)
```
#4e538c
```
#4e538c rgb(78,83,140)
```
#464c94
```
#464c94 rgb(70,76,148)
```
#3d459d
```
#3d459d rgb(61,69,157)
```
#353ea5
```
#353ea5 rgb(53,62,165)
```
#2d37ad
```
#2d37ad rgb(45,55,173)
```
#2430b6
```
#2430b6 rgb(36,48,182)
```
#1c29be
```
#1c29be rgb(28,41,190)
```
#1322c7
```
#1322c7 rgb(19,34,199)
```
#0b1bcf
```
#0b1bcf rgb(11,27,207)
```
#0314d7
```
#0314d7 rgb(3,20,215)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#43455a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#00558a Deuteranopia 1% of men
#005b62 Tritanopia 0.001% of the population

Trichromacy

#134aa1 Protanomaly 1% of men, 0.01% of women
#134d94 Deuteranomaly 6% of men, 0.4% of women
#13517a Tritanomaly 0.01% of the population

#353ea5 hex color

#353ea5 Color Information

#353ea5 Color Conversion

Color Schemes with #353ea5

Alternatives to #353ea5

#353ea5 Preview

Shades and Tints of #353ea5

Tones of #353ea5

Color Blindness Simulator