#354ce2 hex color

In a RGB color space, hex #354ce2 is composed of 20.8% red, 29.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 66.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 232 degrees, a saturation of 74.9% and a lightness of 54.7%. #354ce2 color hex could be obtained by blending #6a98ff with #0000c5. Closest websafe color is: #3333cc.

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

● #354ce2 color description : Bright blue.

The hexadecimal color #354ce2 has RGB values of R:53, G:76, B:226 and CMYK values of C:0.77, M:0.66, Y:0, K:0.11. Its decimal value is 3493090.

Hex triplet	354ce2	`#354ce2`
RGB Decimal	53, 76, 226	`rgb(53,76,226)`
RGB Percent	20.8, 29.8, 88.6	`rgb(20.8%,29.8%,88.6%)`
CMYK	77, 66, 0, 11
HSL	232°, 74.9, 54.7	`hsl(232,74.9%,54.7%)`
HSV (or HSB)	232°, 76.5, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	40.272, 43.392, -78.196
XYZ	17.777, 11.416, 73.214
xyY	0.174, 0.111, 11.416
CIE-LCH	40.272, 89.429, 299.027
CIE-LUV	40.272, -12.476, -113.567
Hunter-Lab	33.787, 34.792, -104.826
Binary	00110101, 01001100, 11100010

#354ce2
```
#354ce2 rgb(53,76,226)
```
#e2cb35
```
#e2cb35 rgb(226,203,53)
```

Complementary Color

#35a3e2
```
#35a3e2 rgb(53,163,226)
```
#354ce2
```
#354ce2 rgb(53,76,226)
```
#7535e2
```
#7535e2 rgb(117,53,226)
```

Analogous Color

#a3e235
```
#a3e235 rgb(163,226,53)
```
#354ce2
```
#354ce2 rgb(53,76,226)
```
#e27535
```
#e27535 rgb(226,117,53)
```

Split Complementary Color

#4ce235
```
#4ce235 rgb(76,226,53)
```
#354ce2
```
#354ce2 rgb(53,76,226)
```
#e2354c
```
#e2354c rgb(226,53,76)
```

Triadic Color

#35e2cb
```
#35e2cb rgb(53,226,203)
```
#354ce2
```
#354ce2 rgb(53,76,226)
```
#e2354c
```
#e2354c rgb(226,53,76)
```
#e2cb35
```
#e2cb35 rgb(226,203,53)
```

Tetradic Color

#192eb1
```
#192eb1 rgb(25,46,177)
```
#1d33c7
```
#1d33c7 rgb(29,51,199)
```
#2039de
```
#2039de rgb(32,57,222)
```
#354ce2
```
#354ce2 rgb(53,76,226)
```
#4b60e5
```
#4b60e5 rgb(75,96,229)
```
#6274e8
```
#6274e8 rgb(98,116,232)
```
#7887ec
```
#7887ec rgb(120,135,236)
```

Monochromatic Color

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

#3577e2
```
#3577e2 rgb(53,119,226)
```
#3569e2
```
#3569e2 rgb(53,105,226)
```
#355ae2
```
#355ae2 rgb(53,90,226)
```
#354ce2
```
#354ce2 rgb(53,76,226)
```
#353ee2
```
#353ee2 rgb(53,62,226)
```
#3b35e2
```
#3b35e2 rgb(59,53,226)
```
#4935e2
```
#4935e2 rgb(73,53,226)
```

Similar Colors

Text with hexadecimal color #354ce2

This text has a font color of #354ce2.

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

#354ce2 background color

This paragraph has a background color of #354ce2.

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

#354ce2 border color

This element has a border color of #354ce2.

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

CSS codes

.text {color:#354ce2;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030515
```
#030515 rgb(3,5,21)
```
#050a26
```
#050a26 rgb(5,10,38)
```
#080e37
```
#080e37 rgb(8,14,55)
```
#0a1348
```
#0a1348 rgb(10,19,72)
```
#0d175a
```
#0d175a rgb(13,23,90)
```
#0f1b6b
```
#0f1b6b rgb(15,27,107)
```
#12207c
```
#12207c rgb(18,32,124)
```
#14248d
```
#14248d rgb(20,36,141)
```
#17299e
```
#17299e rgb(23,41,158)
```
#192daf
```
#192daf rgb(25,45,175)
```
#1c32c1
```
#1c32c1 rgb(28,50,193)
```
#1e36d2
```
#1e36d2 rgb(30,54,210)
```

Shade Color Variation

#243de0
```
#243de0 rgb(36,61,224)
```
#354ce2
```
#354ce2 rgb(53,76,226)
```
#465be4
```
#465be4 rgb(70,91,228)
```
#576ae7
```
#576ae7 rgb(87,106,231)
```
#687ae9
```
#687ae9 rgb(104,122,233)
```
#7a89ec
```
#7a89ec rgb(122,137,236)
```
#8b98ee
```
#8b98ee rgb(139,152,238)
```
#9ca7f1
```
#9ca7f1 rgb(156,167,241)
```
#adb6f3
```
#adb6f3 rgb(173,182,243)
```
#bec6f6
```
#bec6f6 rgb(190,198,246)
```
#cfd5f8
```
#cfd5f8 rgb(207,213,248)
```
#e1e4fb
```
#e1e4fb rgb(225,228,251)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#858792
```
#858792 rgb(133,135,146)
```
#7c809b
```
#7c809b rgb(124,128,155)
```
#737aa4
```
#737aa4 rgb(115,122,164)
```
#6a73ad
```
#6a73ad rgb(106,115,173)
```
#616db6
```
#616db6 rgb(97,109,182)
```
#5966be
```
#5966be rgb(89,102,190)
```
#5060c7
```
#5060c7 rgb(80,96,199)
```
#4759d0
```
#4759d0 rgb(71,89,208)
```
#3e53d9
```
#3e53d9 rgb(62,83,217)
```
#354ce2
```
#354ce2 rgb(53,76,226)
```
#2c45eb
```
#2c45eb rgb(44,69,235)
```
#233ff4
```
#233ff4 rgb(35,63,244)
```
#1a38fd
```
#1a38fd rgb(26,56,253)
```

Tone Color Variation

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

#0064c3 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#135bce Protanomaly 1% of men, 0.01% of women
#135fbe Deuteranomaly 6% of men, 0.4% of women
#13639e Tritanomaly 0.01% of the population

#354ce2 hex color

#354ce2 Color Information

#354ce2 Color Conversion

Color Schemes with #354ce2

Alternatives to #354ce2

#354ce2 Preview

Shades and Tints of #354ce2

Tones of #354ce2

Color Blindness Simulator