#354fd4 hex color

In a RGB color space, hex #354fd4 is composed of 20.8% red, 31% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 62.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 230.2 degrees, a saturation of 64.9% and a lightness of 52%. #354fd4 color hex could be obtained by blending #6a9eff 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

● #354fd4 color description : Strong blue.

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

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

CIE-LAB	39.75, 36.607, -71.042
XYZ	16.145, 11.101, 63.576
xyY	0.178, 0.122, 11.101
CIE-LCH	39.75, 79.919, 297.262
CIE-LUV	39.75, -12.857, -103.743
Hunter-Lab	33.319, 28.19, -89.809
Binary	00110101, 01001111, 11010100

#354fd4
```
#354fd4 rgb(53,79,212)
```
#d4ba35
```
#d4ba35 rgb(212,186,53)
```

Complementary Color

#359fd4
```
#359fd4 rgb(53,159,212)
```
#354fd4
```
#354fd4 rgb(53,79,212)
```
#6b35d4
```
#6b35d4 rgb(107,53,212)
```

Analogous Color

#9fd435
```
#9fd435 rgb(159,212,53)
```
#354fd4
```
#354fd4 rgb(53,79,212)
```
#d46b35
```
#d46b35 rgb(212,107,53)
```

Split Complementary Color

#4fd435
```
#4fd435 rgb(79,212,53)
```
#354fd4
```
#354fd4 rgb(53,79,212)
```
#d4354f
```
#d4354f rgb(212,53,79)
```

Triadic Color

#35d4ba
```
#35d4ba rgb(53,212,186)
```
#354fd4
```
#354fd4 rgb(53,79,212)
```
#d4354f
```
#d4354f rgb(212,53,79)
```
#d4ba35
```
#d4ba35 rgb(212,186,53)
```

Tetradic Color

#21359b
```
#21359b rgb(33,53,155)
```
#263cb0
```
#263cb0 rgb(38,60,176)
```
#2a43c5
```
#2a43c5 rgb(42,67,197)
```
#354fd4
```
#354fd4 rgb(53,79,212)
```
#4a61d8
```
#4a61d8 rgb(74,97,216)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#7486e1
```
#7486e1 rgb(116,134,225)
```

Monochromatic Color

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

#3577d4
```
#3577d4 rgb(53,119,212)
```
#356ad4
```
#356ad4 rgb(53,106,212)
```
#355cd4
```
#355cd4 rgb(53,92,212)
```
#354fd4
```
#354fd4 rgb(53,79,212)
```
#3542d4
```
#3542d4 rgb(53,66,212)
```
#3635d4
```
#3635d4 rgb(54,53,212)
```
#4335d4
```
#4335d4 rgb(67,53,212)
```

Similar Colors

Text with hexadecimal color #354fd4

This text has a font color of #354fd4.

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

#354fd4 background color

This paragraph has a background color of #354fd4.

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

#354fd4 border color

This element has a border color of #354fd4.

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

CSS codes

.text {color:#354fd4;}

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

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

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)
```
#162469
```
#162469 rgb(22,36,105)
```
#1a2979
```
#1a2979 rgb(26,41,121)
```
#1d2f8a
```
#1d2f8a rgb(29,47,138)
```
#21359a
```
#21359a rgb(33,53,154)
```
#243aaa
```
#243aaa rgb(36,58,170)
```
#2840ba
```
#2840ba rgb(40,64,186)
```
#2b45ca
```
#2b45ca rgb(43,69,202)
```

Shade Color Variation

#354fd4
```
#354fd4 rgb(53,79,212)
```
#455dd7
```
#455dd7 rgb(69,93,215)
```
#556bdb
```
#556bdb rgb(85,107,219)
```
#6679de
```
#6679de rgb(102,121,222)
```
#7687e2
```
#7687e2 rgb(118,135,226)
```
#8695e5
```
#8695e5 rgb(134,149,229)
```
#96a4e9
```
#96a4e9 rgb(150,164,233)
```
#a6b2ec
```
#a6b2ec rgb(166,178,236)
```
#b6c0f0
```
#b6c0f0 rgb(182,192,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 #0f36fa is the most saturated one.

#808289
```
#808289 rgb(128,130,137)
```
#777b92
```
#777b92 rgb(119,123,146)
```
#6e759b
```
#6e759b rgb(110,117,155)
```
#646fa5
```
#646fa5 rgb(100,111,165)
```
#5b68ae
```
#5b68ae rgb(91,104,174)
```
#5162b8
```
#5162b8 rgb(81,98,184)
```
#485cc1
```
#485cc1 rgb(72,92,193)
```
#3e55cb
```
#3e55cb rgb(62,85,203)
```
#354fd4
```
#354fd4 rgb(53,79,212)
```
#2c49dd
```
#2c49dd rgb(44,73,221)
```
#2242e7
```
#2242e7 rgb(34,66,231)
```
#193cf0
```
#193cf0 rgb(25,60,240)
```
#0f36fa
```
#0f36fa rgb(15,54,250)
```

Tone Color Variation

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

Dichromacy

#0063c1 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

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

#354fd4 hex color

#354fd4 Color Information

#354fd4 Color Conversion

Color Schemes with #354fd4

Alternatives to #354fd4

#354fd4 Preview

Shades and Tints of #354fd4

Tones of #354fd4

Color Blindness Simulator