#354fc1 hex color

In a RGB color space, hex #354fc1 is composed of 20.8% red, 31% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 59.1% magenta, 0% yellow and 24.3% black. It has a hue angle of 228.9 degrees, a saturation of 56.9% and a lightness of 48.2%. #354fc1 color hex could be obtained by blending #6a9eff with #000083. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 31
- B 76
RGB color chart
- C 73
- M 59
- Y 0
- K 24
CMYK color chart

● #354fc1 color description : Moderate blue.

The hexadecimal color #354fc1 has RGB values of R:53, G:79, B:193 and CMYK values of C:0.73, M:0.59, Y:0, K:0.24. Its decimal value is 3493825.

Hex triplet	354fc1	`#354fc1`
RGB Decimal	53, 79, 193	`rgb(53,79,193)`
RGB Percent	20.8, 31, 75.7	`rgb(20.8%,31%,75.7%)`
CMYK	73, 59, 0, 24
HSL	228.9°, 56.9, 48.2	`hsl(228.9,56.9%,48.2%)`
HSV (or HSB)	228.9°, 72.5, 75.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.196, 29.748, -62.574
XYZ	13.888, 10.198, 51.686
xyY	0.183, 0.135, 10.198
CIE-LCH	38.196, 69.285, 295.427
CIE-LUV	38.196, -12.551, -90.977
Hunter-Lab	31.935, 21.741, -73.606
Binary	00110101, 01001111, 11000001

#354fc1
```
#354fc1 rgb(53,79,193)
```
#c1a735
```
#c1a735 rgb(193,167,53)
```

Complementary Color

#3595c1
```
#3595c1 rgb(53,149,193)
```
#354fc1
```
#354fc1 rgb(53,79,193)
```
#6135c1
```
#6135c1 rgb(97,53,193)
```

Analogous Color

#95c135
```
#95c135 rgb(149,193,53)
```
#354fc1
```
#354fc1 rgb(53,79,193)
```
#c16135
```
#c16135 rgb(193,97,53)
```

Split Complementary Color

#4fc135
```
#4fc135 rgb(79,193,53)
```
#354fc1
```
#354fc1 rgb(53,79,193)
```
#c1354f
```
#c1354f rgb(193,53,79)
```

Triadic Color

#35c1a7
```
#35c1a7 rgb(53,193,167)
```
#354fc1
```
#354fc1 rgb(53,79,193)
```
#c1354f
```
#c1354f rgb(193,53,79)
```
#c1a735
```
#c1a735 rgb(193,167,53)
```

Tetradic Color

#253685
```
#253685 rgb(37,54,133)
```
#2a3f99
```
#2a3f99 rgb(42,63,153)
```
#3047ad
```
#3047ad rgb(48,71,173)
```
#354fc1
```
#354fc1 rgb(53,79,193)
```
#445dcc
```
#445dcc rgb(68,93,204)
```
#586ed1
```
#586ed1 rgb(88,110,209)
```
#6c80d7
```
#6c80d7 rgb(108,128,215)
```

Monochromatic Color

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

#3572c1
```
#3572c1 rgb(53,114,193)
```
#3566c1
```
#3566c1 rgb(53,102,193)
```
#355bc1
```
#355bc1 rgb(53,91,193)
```
#354fc1
```
#354fc1 rgb(53,79,193)
```
#3543c1
```
#3543c1 rgb(53,67,193)
```
#3538c1
```
#3538c1 rgb(53,56,193)
```
#3e35c1
```
#3e35c1 rgb(62,53,193)
```

Similar Colors

Text with hexadecimal color #354fc1

This text has a font color of #354fc1.

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

#354fc1 background color

This paragraph has a background color of #354fc1.

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

#354fc1 border color

This element has a border color of #354fc1.

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

CSS codes

.text {color:#354fc1;}

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

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

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 #f8f9fd is the lightest one.

#020308
```
#020308 rgb(2,3,8)
```
#070a18
```
#070a18 rgb(7,10,24)
```
#0b1027
```
#0b1027 rgb(11,16,39)
```
#0f1636
```
#0f1636 rgb(15,22,54)
```
#131d46
```
#131d46 rgb(19,29,70)
```
#172355
```
#172355 rgb(23,35,85)
```
#1c2965
```
#1c2965 rgb(28,41,101)
```
#203074
```
#203074 rgb(32,48,116)
```
#243683
```
#243683 rgb(36,54,131)
```
#283c93
```
#283c93 rgb(40,60,147)
```
#2d42a2
```
#2d42a2 rgb(45,66,162)
```
#3149b2
```
#3149b2 rgb(49,73,178)
```
#354fc1
```
#354fc1 rgb(53,79,193)
```

Shade Color Variation

#3f59ca
```
#3f59ca rgb(63,89,202)
```
#4f66cf
```
#4f66cf rgb(79,102,207)
```
#5e74d3
```
#5e74d3 rgb(94,116,211)
```
#6d81d7
```
#6d81d7 rgb(109,129,215)
```
#7d8edb
```
#7d8edb rgb(125,142,219)
```
#8c9cdf
```
#8c9cdf rgb(140,156,223)
```
#9ca9e4
```
#9ca9e4 rgb(156,169,228)
```
#abb6e8
```
#abb6e8 rgb(171,182,232)
```
#bac4ec
```
#bac4ec rgb(186,196,236)
```
#cad1f0
```
#cad1f0 rgb(202,209,240)
```
#d9def5
```
#d9def5 rgb(217,222,245)
```
#e9ecf9
```
#e9ecf9 rgb(233,236,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77797f is the less saturated color, while #0631f0 is the most saturated one.

#77797f
```
#77797f rgb(119,121,127)
```
#6e7388
```
#6e7388 rgb(110,115,136)
```
#646d92
```
#646d92 rgb(100,109,146)
```
#5b679b
```
#5b679b rgb(91,103,155)
```
#5161a5
```
#5161a5 rgb(81,97,165)
```
#485bae
```
#485bae rgb(72,91,174)
```
#3e55b8
```
#3e55b8 rgb(62,85,184)
```
#354fc1
```
#354fc1 rgb(53,79,193)
```
#2c49ca
```
#2c49ca rgb(44,73,202)
```
#2243d4
```
#2243d4 rgb(34,67,212)
```
#193ddd
```
#193ddd rgb(25,61,221)
```
#0f37e7
```
#0f37e7 rgb(15,55,231)
```
#0631f0
```
#0631f0 rgb(6,49,240)
```

Tone Color Variation

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

Dichromacy

#005fba Protanopia 1% of men
#0064a3 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1359bd Protanomaly 1% of men, 0.01% of women
#135cae Deuteranomaly 6% of men, 0.4% of women
#13618f Tritanomaly 0.01% of the population

#354fc1 hex color

#354fc1 Color Information

#354fc1 Color Conversion

Color Schemes with #354fc1

Alternatives to #354fc1

#354fc1 Preview

Shades and Tints of #354fc1

Tones of #354fc1

Color Blindness Simulator