#354ed6 hex color

In a RGB color space, hex #354ed6 is composed of 20.8% red, 30.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 63.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 230.7 degrees, a saturation of 66.3% and a lightness of 52.4%. #354ed6 color hex could be obtained by blending #6a9cff with #0000ad. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 31
- B 84
RGB color chart
- C 75
- M 64
- Y 0
- K 16
CMYK color chart

● #354ed6 color description : Strong blue.

The hexadecimal color #354ed6 has RGB values of R:53, G:78, B:214 and CMYK values of C:0.75, M:0.64, Y:0, K:0.16. Its decimal value is 3493590.

Hex triplet	354ed6	`#354ed6`
RGB Decimal	53, 78, 214	`rgb(53,78,214)`
RGB Percent	20.8, 30.6, 83.9	`rgb(20.8%,30.6%,83.9%)`
CMYK	75, 64, 0, 16
HSL	230.7°, 66.3, 52.4	`hsl(230.7,66.3%,52.4%)`
HSV (or HSB)	230.7°, 75.2, 83.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.681, 37.946, -72.305
XYZ	16.328, 11.06, 64.889
xyY	0.177, 0.12, 11.06
CIE-LCH	39.681, 81.657, 297.691
CIE-LUV	39.681, -12.664, -105.355
Hunter-Lab	33.256, 29.44, -92.407
Binary	00110101, 01001110, 11010110

#354ed6
```
#354ed6 rgb(53,78,214)
```
#d6bd35
```
#d6bd35 rgb(214,189,53)
```

Complementary Color

#359fd6
```
#359fd6 rgb(53,159,214)
```
#354ed6
```
#354ed6 rgb(53,78,214)
```
#6d35d6
```
#6d35d6 rgb(109,53,214)
```

Analogous Color

#9fd635
```
#9fd635 rgb(159,214,53)
```
#354ed6
```
#354ed6 rgb(53,78,214)
```
#d66d35
```
#d66d35 rgb(214,109,53)
```

Split Complementary Color

#4ed635
```
#4ed635 rgb(78,214,53)
```
#354ed6
```
#354ed6 rgb(53,78,214)
```
#d6354e
```
#d6354e rgb(214,53,78)
```

Triadic Color

#35d6bd
```
#35d6bd rgb(53,214,189)
```
#354ed6
```
#354ed6 rgb(53,78,214)
```
#d6354e
```
#d6354e rgb(214,53,78)
```
#d6bd35
```
#d6bd35 rgb(214,189,53)
```

Tetradic Color

#20349e
```
#20349e rgb(32,52,158)
```
#243bb4
```
#243bb4 rgb(36,59,180)
```
#2942c9
```
#2942c9 rgb(41,66,201)
```
#354ed6
```
#354ed6 rgb(53,78,214)
```
#4a61da
```
#4a61da rgb(74,97,218)
```
#5f73df
```
#5f73df rgb(95,115,223)
```
#7586e3
```
#7586e3 rgb(117,134,227)
```

Monochromatic Color

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

#3576d6
```
#3576d6 rgb(53,118,214)
```
#3569d6
```
#3569d6 rgb(53,105,214)
```
#355bd6
```
#355bd6 rgb(53,91,214)
```
#354ed6
```
#354ed6 rgb(53,78,214)
```
#3541d6
```
#3541d6 rgb(53,65,214)
```
#3735d6
```
#3735d6 rgb(55,53,214)
```
#4435d6
```
#4435d6 rgb(68,53,214)
```

Similar Colors

Text with hexadecimal color #354ed6

This text has a font color of #354ed6.

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

#354ed6 background color

This paragraph has a background color of #354ed6.

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

#354ed6 border color

This element has a border color of #354ed6.

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

CSS codes

.text {color:#354ed6;}

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

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

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, #02030a is the darkest color, while #f9f9fe is the lightest one.

#02030a
```
#02030a rgb(2,3,10)
```
#05091a
```
#05091a rgb(5,9,26)
```
#090e2b
```
#090e2b rgb(9,14,43)
```
#0c133b
```
#0c133b rgb(12,19,59)
```
#0f194b
```
#0f194b rgb(15,25,75)
```
#131e5c
```
#131e5c rgb(19,30,92)
```
#16236c
```
#16236c rgb(22,35,108)
```
#19297c
```
#19297c rgb(25,41,124)
```
#1d2e8c
```
#1d2e8c rgb(29,46,140)
```
#20339d
```
#20339d rgb(32,51,157)
```
#2339ad
```
#2339ad rgb(35,57,173)
```
#263ebd
```
#263ebd rgb(38,62,189)
```
#2a43ce
```
#2a43ce rgb(42,67,206)
```

Shade Color Variation

#354ed6
```
#354ed6 rgb(53,78,214)
```
#455cd9
```
#455cd9 rgb(69,92,217)
```
#566bdd
```
#566bdd rgb(86,107,221)
```
#6679e0
```
#6679e0 rgb(102,121,224)
```
#7687e3
```
#7687e3 rgb(118,135,227)
```
#8795e7
```
#8795e7 rgb(135,149,231)
```
#97a4ea
```
#97a4ea rgb(151,164,234)
```
#a7b2ed
```
#a7b2ed rgb(167,178,237)
```
#b7c0f0
```
#b7c0f0 rgb(183,192,240)
```
#c8cff4
```
#c8cff4 rgb(200,207,244)
```
#d8ddf7
```
#d8ddf7 rgb(216,221,247)
```
#e8ebfa
```
#e8ebfa rgb(232,235,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80828b is the less saturated color, while #1034fb is the most saturated one.

#80828b
```
#80828b rgb(128,130,139)
```
#767b95
```
#767b95 rgb(118,123,149)
```
#6d759e
```
#6d759e rgb(109,117,158)
```
#646ea7
```
#646ea7 rgb(100,110,167)
```
#5a68b1
```
#5a68b1 rgb(90,104,177)
```
#5161ba
```
#5161ba rgb(81,97,186)
```
#485bc3
```
#485bc3 rgb(72,91,195)
```
#3e54cd
```
#3e54cd rgb(62,84,205)
```
#354ed6
```
#354ed6 rgb(53,78,214)
```
#2c48df
```
#2c48df rgb(44,72,223)
```
#2241e9
```
#2241e9 rgb(34,65,233)
```
#193bf2
```
#193bf2 rgb(25,59,242)
```
#1034fb
```
#1034fb rgb(16,52,251)
```

Tone Color Variation

Below, you can see how #354ed6 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
#4f5470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#135bc8 Protanomaly 1% of men, 0.01% of women
#135eb8 Deuteranomaly 6% of men, 0.4% of women
#136399 Tritanomaly 0.01% of the population

#354ed6 hex color

#354ed6 Color Information

#354ed6 Color Conversion

Color Schemes with #354ed6

Alternatives to #354ed6

#354ed6 Preview

Shades and Tints of #354ed6

Tones of #354ed6

Color Blindness Simulator