#354ed4 hex color

In a RGB color space, hex #354ed4 is composed of 20.8% red, 30.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 63.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 230.6 degrees, a saturation of 64.9% and a lightness of 52%. #354ed4 color hex could be obtained by blending #6a9cff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 31
- B 83
RGB color chart
- C 75
- M 63
- Y 0
- K 17
CMYK color chart

● #354ed4 color description : Strong blue.

The hexadecimal color #354ed4 has RGB values of R:53, G:78, B:212 and CMYK values of C:0.75, M:0.63, Y:0, K:0.17. Its decimal value is 3493588.

Hex triplet	354ed4	`#354ed4`
RGB Decimal	53, 78, 212	`rgb(53,78,212)`
RGB Percent	20.8, 30.6, 83.1	`rgb(20.8%,30.6%,83.1%)`
CMYK	75, 63, 0, 17
HSL	230.6°, 64.9, 52	`hsl(230.6,64.9%,52%)`
HSV (or HSB)	230.6°, 75, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.51, 37.235, -71.436
XYZ	16.074, 10.958, 63.552
xyY	0.177, 0.121, 10.958
CIE-LCH	39.51, 80.557, 297.53
CIE-LUV	39.51, -12.627, -104.05
Hunter-Lab	33.103, 28.744, -90.654
Binary	00110101, 01001110, 11010100

#354ed4
```
#354ed4 rgb(53,78,212)
```
#d4bb35
```
#d4bb35 rgb(212,187,53)
```

Complementary Color

#359ed4
```
#359ed4 rgb(53,158,212)
```
#354ed4
```
#354ed4 rgb(53,78,212)
```
#6c35d4
```
#6c35d4 rgb(108,53,212)
```

Analogous Color

#9ed435
```
#9ed435 rgb(158,212,53)
```
#354ed4
```
#354ed4 rgb(53,78,212)
```
#d46c35
```
#d46c35 rgb(212,108,53)
```

Split Complementary Color

#4ed435
```
#4ed435 rgb(78,212,53)
```
#354ed4
```
#354ed4 rgb(53,78,212)
```
#d4354e
```
#d4354e rgb(212,53,78)
```

Triadic Color

#35d4bb
```
#35d4bb rgb(53,212,187)
```
#354ed4
```
#354ed4 rgb(53,78,212)
```
#d4354e
```
#d4354e rgb(212,53,78)
```
#d4bb35
```
#d4bb35 rgb(212,187,53)
```

Tetradic Color

#21349b
```
#21349b rgb(33,52,155)
```
#263bb0
```
#263bb0 rgb(38,59,176)
```
#2a42c5
```
#2a42c5 rgb(42,66,197)
```
#354ed4
```
#354ed4 rgb(53,78,212)
```
#4a60d8
```
#4a60d8 rgb(74,96,216)
```
#5f73dd
```
#5f73dd rgb(95,115,221)
```
#7485e1
```
#7485e1 rgb(116,133,225)
```

Monochromatic Color

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

#3576d4
```
#3576d4 rgb(53,118,212)
```
#3569d4
```
#3569d4 rgb(53,105,212)
```
#355bd4
```
#355bd4 rgb(53,91,212)
```
#354ed4
```
#354ed4 rgb(53,78,212)
```
#3541d4
```
#3541d4 rgb(53,65,212)
```
#3635d4
```
#3635d4 rgb(54,53,212)
```
#4435d4
```
#4435d4 rgb(68,53,212)
```

Similar Colors

Text with hexadecimal color #354ed4

This text has a font color of #354ed4.

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

#354ed4 background color

This paragraph has a background color of #354ed4.

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

#354ed4 border color

This element has a border color of #354ed4.

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

CSS codes

.text {color:#354ed4;}

.background {background-color:#354ed4;}

.border {border:1px solid #354ed4;}

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

#020308
```
#020308 rgb(2,3,8)
```
#050818
```
#050818 rgb(5,8,24)
```
#090e29
```
#090e29 rgb(9,14,41)
```
#0c1339
```
#0c1339 rgb(12,19,57)
```
#101949
```
#101949 rgb(16,25,73)
```
#131e59
```
#131e59 rgb(19,30,89)
```
#162369
```
#162369 rgb(22,35,105)
```
#1a2979
```
#1a2979 rgb(26,41,121)
```
#1d2e8a
```
#1d2e8a rgb(29,46,138)
```
#21349a
```
#21349a rgb(33,52,154)
```
#2439aa
```
#2439aa rgb(36,57,170)
```
#283fba
```
#283fba rgb(40,63,186)
```
#2b44ca
```
#2b44ca rgb(43,68,202)
```

Shade Color Variation

#354ed4
```
#354ed4 rgb(53,78,212)
```
#455cd7
```
#455cd7 rgb(69,92,215)
```
#556adb
```
#556adb rgb(85,106,219)
```
#6679de
```
#6679de rgb(102,121,222)
```
#7687e2
```
#7687e2 rgb(118,135,226)
```
#8695e5
```
#8695e5 rgb(134,149,229)
```
#96a3e9
```
#96a3e9 rgb(150,163,233)
```
#a6b1ec
```
#a6b1ec rgb(166,177,236)
```
#b6bff0
```
#b6bff0 rgb(182,191,240)
```
#c7cef3
```
#c7cef3 rgb(199,206,243)
```
#d7dcf6
```
#d7dcf6 rgb(215,220,246)
```
#e7eafa
```
#e7eafa rgb(231,234,250)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#808289
```
#808289 rgb(128,130,137)
```
#777b92
```
#777b92 rgb(119,123,146)
```
#6e759b
```
#6e759b rgb(110,117,155)
```
#646ea5
```
#646ea5 rgb(100,110,165)
```
#5b68ae
```
#5b68ae rgb(91,104,174)
```
#5161b8
```
#5161b8 rgb(81,97,184)
```
#485bc1
```
#485bc1 rgb(72,91,193)
```
#3e54cb
```
#3e54cb rgb(62,84,203)
```
#354ed4
```
#354ed4 rgb(53,78,212)
```
#2c48dd
```
#2c48dd rgb(44,72,221)
```
#2241e7
```
#2241e7 rgb(34,65,231)
```
#193bf0
```
#193bf0 rgb(25,59,240)
```
#0f34fa
```
#0f34fa rgb(15,52,250)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f546f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#135bc7 Protanomaly 1% of men, 0.01% of women
#135eb7 Deuteranomaly 6% of men, 0.4% of women
#136398 Tritanomaly 0.01% of the population

#354ed4 hex color

#354ed4 Color Information

#354ed4 Color Conversion

Color Schemes with #354ed4

Alternatives to #354ed4

#354ed4 Preview

Shades and Tints of #354ed4

Tones of #354ed4

Color Blindness Simulator