#354ad8 hex color

In a RGB color space, hex #354ad8 is composed of 20.8% red, 29% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 65.7% magenta, 0% yellow and 15.3% black. It has a hue angle of 232.3 degrees, a saturation of 67.6% and a lightness of 52.7%. #354ad8 color hex could be obtained by blending #6a94ff with #0000b1. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 29
- B 85
RGB color chart
- C 75
- M 66
- Y 0
- K 15
CMYK color chart

● #354ad8 color description : Strong blue.

The hexadecimal color #354ad8 has RGB values of R:53, G:74, B:216 and CMYK values of C:0.75, M:0.66, Y:0, K:0.15. Its decimal value is 3492568.

Hex triplet	354ad8	`#354ad8`
RGB Decimal	53, 74, 216	`rgb(53,74,216)`
RGB Percent	20.8, 29, 84.7	`rgb(20.8%,29%,84.7%)`
CMYK	75, 66, 0, 15
HSL	232.3°, 67.6, 52.7	`hsl(232.3,67.6%,52.7%)`
HSV (or HSB)	232.3°, 75.5, 84.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.918, 41.129, -74.704
XYZ	16.309, 10.611, 66.151
xyY	0.175, 0.114, 10.611
CIE-LCH	38.918, 85.278, 298.835
CIE-LUV	38.918, -11.828, -107.732
Hunter-Lab	32.575, 32.363, -97.599
Binary	00110101, 01001010, 11011000

#354ad8
```
#354ad8 rgb(53,74,216)
```
#d8c335
```
#d8c335 rgb(216,195,53)
```

Complementary Color

#359cd8
```
#359cd8 rgb(53,156,216)
```
#354ad8
```
#354ad8 rgb(53,74,216)
```
#7235d8
```
#7235d8 rgb(114,53,216)
```

Analogous Color

#9cd835
```
#9cd835 rgb(156,216,53)
```
#354ad8
```
#354ad8 rgb(53,74,216)
```
#d87235
```
#d87235 rgb(216,114,53)
```

Split Complementary Color

#4ad835
```
#4ad835 rgb(74,216,53)
```
#354ad8
```
#354ad8 rgb(53,74,216)
```
#d8354a
```
#d8354a rgb(216,53,74)
```

Triadic Color

#35d8c3
```
#35d8c3 rgb(53,216,195)
```
#354ad8
```
#354ad8 rgb(53,74,216)
```
#d8354a
```
#d8354a rgb(216,53,74)
```
#d8c335
```
#d8c335 rgb(216,195,53)
```

Tetradic Color

#1f30a1
```
#1f30a1 rgb(31,48,161)
```
#2336b7
```
#2336b7 rgb(35,54,183)
```
#273dcc
```
#273dcc rgb(39,61,204)
```
#354ad8
```
#354ad8 rgb(53,74,216)
```
#4a5ddc
```
#4a5ddc rgb(74,93,220)
```
#6070e0
```
#6070e0 rgb(96,112,224)
```
#7583e4
```
#7583e4 rgb(117,131,228)
```

Monochromatic Color

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

#3573d8
```
#3573d8 rgb(53,115,216)
```
#3565d8
```
#3565d8 rgb(53,101,216)
```
#3558d8
```
#3558d8 rgb(53,88,216)
```
#354ad8
```
#354ad8 rgb(53,74,216)
```
#353cd8
```
#353cd8 rgb(53,60,216)
```
#3b35d8
```
#3b35d8 rgb(59,53,216)
```
#4935d8
```
#4935d8 rgb(73,53,216)
```

Similar Colors

Text with hexadecimal color #354ad8

This text has a font color of #354ad8.

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

#354ad8 background color

This paragraph has a background color of #354ad8.

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

#354ad8 border color

This element has a border color of #354ad8.

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

CSS codes

.text {color:#354ad8;}

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

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

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

#02030c
```
#02030c rgb(2,3,12)
```
#05081c
```
#05081c rgb(5,8,28)
```
#090d2d
```
#090d2d rgb(9,13,45)
```
#0c123d
```
#0c123d rgb(12,18,61)
```
#0f174d
```
#0f174d rgb(15,23,77)
```
#121c5e
```
#121c5e rgb(18,28,94)
```
#15216e
```
#15216e rgb(21,33,110)
```
#18267f
```
#18267f rgb(24,38,127)
```
#1c2b8f
```
#1c2b8f rgb(28,43,143)
```
#1f2fa0
```
#1f2fa0 rgb(31,47,160)
```
#2234b0
```
#2234b0 rgb(34,52,176)
```
#2539c1
```
#2539c1 rgb(37,57,193)
```
#283ed1
```
#283ed1 rgb(40,62,209)
```

Shade Color Variation

#354ad8
```
#354ad8 rgb(53,74,216)
```
#4559db
```
#4559db rgb(69,89,219)
```
#5667de
```
#5667de rgb(86,103,222)
```
#6676e2
```
#6676e2 rgb(102,118,226)
```
#7785e5
```
#7785e5 rgb(119,133,229)
```
#8794e8
```
#8794e8 rgb(135,148,232)
```
#98a2eb
```
#98a2eb rgb(152,162,235)
```
#a8b1ee
```
#a8b1ee rgb(168,177,238)
```
#b9c0f1
```
#b9c0f1 rgb(185,192,241)
```
#c9cff5
```
#c9cff5 rgb(201,207,245)
```
#d9ddf8
```
#d9ddf8 rgb(217,221,248)
```
#eaecfb
```
#eaecfb rgb(234,236,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f818e is the less saturated color, while #102efd is the most saturated one.

#7f818e
```
#7f818e rgb(127,129,142)
```
#767a97
```
#767a97 rgb(118,122,151)
```
#6d73a0
```
#6d73a0 rgb(109,115,160)
```
#636caa
```
#636caa rgb(99,108,170)
```
#5a66b3
```
#5a66b3 rgb(90,102,179)
```
#515fbc
```
#515fbc rgb(81,95,188)
```
#4858c5
```
#4858c5 rgb(72,88,197)
```
#3e51cf
```
#3e51cf rgb(62,81,207)
```
#354ad8
```
#354ad8 rgb(53,74,216)
```
#2c43e1
```
#2c43e1 rgb(44,67,225)
```
#223ceb
```
#223ceb rgb(34,60,235)
```
#1935f4
```
#1935f4 rgb(25,53,244)
```
#102efd
```
#102efd rgb(16,46,253)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4e526e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#1358c7 Protanomaly 1% of men, 0.01% of women
#135cb7 Deuteranomaly 6% of men, 0.4% of women
#136098 Tritanomaly 0.01% of the population

#354ad8 hex color

#354ad8 Color Information

#354ad8 Color Conversion

Color Schemes with #354ad8

Alternatives to #354ad8

#354ad8 Preview

Shades and Tints of #354ad8

Tones of #354ad8

Color Blindness Simulator