#354ce4 hex color

In a RGB color space, hex #354ce4 is composed of 20.8% red, 29.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 66.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 232.1 degrees, a saturation of 76.4% and a lightness of 55.1%. #354ce4 color hex could be obtained by blending #6a98ff with #0000c9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 30
- B 89
RGB color chart
- C 77
- M 67
- Y 0
- K 11
CMYK color chart

● #354ce4 color description : Bright blue.

The hexadecimal color #354ce4 has RGB values of R:53, G:76, B:228 and CMYK values of C:0.77, M:0.67, Y:0, K:0.11. Its decimal value is 3493092.

Hex triplet	354ce4	`#354ce4`
RGB Decimal	53, 76, 228	`rgb(53,76,228)`
RGB Percent	20.8, 29.8, 89.4	`rgb(20.8%,29.8%,89.4%)`
CMYK	77, 67, 0, 11
HSL	232.1°, 76.4, 55.1	`hsl(232.1,76.4%,55.1%)`
HSV (or HSB)	232.1°, 76.8, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	40.453, 44.085, -79.036
XYZ	18.053, 11.526, 74.668
xyY	0.173, 0.111, 11.526
CIE-LCH	40.453, 90.5, 299.152
CIE-LUV	40.453, -12.521, -114.823
Hunter-Lab	33.95, 35.508, -106.635
Binary	00110101, 01001100, 11100100

#354ce4
```
#354ce4 rgb(53,76,228)
```
#e4cd35
```
#e4cd35 rgb(228,205,53)
```

Complementary Color

#35a4e4
```
#35a4e4 rgb(53,164,228)
```
#354ce4
```
#354ce4 rgb(53,76,228)
```
#7635e4
```
#7635e4 rgb(118,53,228)
```

Analogous Color

#a4e435
```
#a4e435 rgb(164,228,53)
```
#354ce4
```
#354ce4 rgb(53,76,228)
```
#e47635
```
#e47635 rgb(228,118,53)
```

Split Complementary Color

#4ce435
```
#4ce435 rgb(76,228,53)
```
#354ce4
```
#354ce4 rgb(53,76,228)
```
#e4354c
```
#e4354c rgb(228,53,76)
```

Triadic Color

#35e4cd
```
#35e4cd rgb(53,228,205)
```
#354ce4
```
#354ce4 rgb(53,76,228)
```
#e4354c
```
#e4354c rgb(228,53,76)
```
#e4cd35
```
#e4cd35 rgb(228,205,53)
```

Tetradic Color

#182db4
```
#182db4 rgb(24,45,180)
```
#1b32cb
```
#1b32cb rgb(27,50,203)
```
#1f38e1
```
#1f38e1 rgb(31,56,225)
```
#354ce4
```
#354ce4 rgb(53,76,228)
```
#4b60e7
```
#4b60e7 rgb(75,96,231)
```
#6274ea
```
#6274ea rgb(98,116,234)
```
#7888ed
```
#7888ed rgb(120,136,237)
```

Monochromatic Color

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

#3578e4
```
#3578e4 rgb(53,120,228)
```
#3569e4
```
#3569e4 rgb(53,105,228)
```
#355be4
```
#355be4 rgb(53,91,228)
```
#354ce4
```
#354ce4 rgb(53,76,228)
```
#353de4
```
#353de4 rgb(53,61,228)
```
#3b35e4
```
#3b35e4 rgb(59,53,228)
```
#4a35e4
```
#4a35e4 rgb(74,53,228)
```

Similar Colors

Text with hexadecimal color #354ce4

This text has a font color of #354ce4.

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

#354ce4 background color

This paragraph has a background color of #354ce4.

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

#354ce4 border color

This element has a border color of #354ce4.

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

CSS codes

.text {color:#354ce4;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#030617
```
#030617 rgb(3,6,23)
```
#050a28
```
#050a28 rgb(5,10,40)
```
#080e3a
```
#080e3a rgb(8,14,58)
```
#0a134b
```
#0a134b rgb(10,19,75)
```
#0c175c
```
#0c175c rgb(12,23,92)
```
#0f1b6d
```
#0f1b6d rgb(15,27,109)
```
#111f7f
```
#111f7f rgb(17,31,127)
```
#132490
```
#132490 rgb(19,36,144)
```
#1628a1
```
#1628a1 rgb(22,40,161)
```
#182cb3
```
#182cb3 rgb(24,44,179)
```
#1a31c4
```
#1a31c4 rgb(26,49,196)
```
#1d35d5
```
#1d35d5 rgb(29,53,213)
```

Shade Color Variation

#243de2
```
#243de2 rgb(36,61,226)
```
#354ce4
```
#354ce4 rgb(53,76,228)
```
#465be6
```
#465be6 rgb(70,91,230)
```
#586be9
```
#586be9 rgb(88,107,233)
```
#697aeb
```
#697aeb rgb(105,122,235)
```
#7a89ed
```
#7a89ed rgb(122,137,237)
```
#8c99f0
```
#8c99f0 rgb(140,153,240)
```
#9da8f2
```
#9da8f2 rgb(157,168,242)
```
#aeb7f4
```
#aeb7f4 rgb(174,183,244)
```
#bfc7f7
```
#bfc7f7 rgb(191,199,247)
```
#d1d6f9
```
#d1d6f9 rgb(209,214,249)
```
#e2e5fb
```
#e2e5fb rgb(226,229,251)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

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

#848695
```
#848695 rgb(132,134,149)
```
#7b809e
```
#7b809e rgb(123,128,158)
```
#7379a6
```
#7379a6 rgb(115,121,166)
```
#6a73af
```
#6a73af rgb(106,115,175)
```
#616cb8
```
#616cb8 rgb(97,108,184)
```
#5866c1
```
#5866c1 rgb(88,102,193)
```
#4f5fca
```
#4f5fca rgb(79,95,202)
```
#4759d2
```
#4759d2 rgb(71,89,210)
```
#3e52db
```
#3e52db rgb(62,82,219)
```
#354ce4
```
#354ce4 rgb(53,76,228)
```
#2c46ed
```
#2c46ed rgb(44,70,237)
```
#233ff6
```
#233ff6 rgb(35,63,246)
```
#1b39fe
```
#1b39fe rgb(27,57,254)
```

Tone Color Variation

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

Dichromacy

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#135bcf Protanomaly 1% of men, 0.01% of women
#135fbf Deuteranomaly 6% of men, 0.4% of women
#13649f Tritanomaly 0.01% of the population

#354ce4 hex color

#354ce4 Color Information

#354ce4 Color Conversion

Color Schemes with #354ce4

Alternatives to #354ce4

#354ce4 Preview

Shades and Tints of #354ce4

Tones of #354ce4

Color Blindness Simulator