#354be2 hex color

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

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

● #354be2 color description : Bright blue.

The hexadecimal color #354be2 has RGB values of R:53, G:75, B:226 and CMYK values of C:0.77, M:0.67, Y:0, K:0.11. Its decimal value is 3492834.

Hex triplet	354be2	`#354be2`
RGB Decimal	53, 75, 226	`rgb(53,75,226)`
RGB Percent	20.8, 29.4, 88.6	`rgb(20.8%,29.4%,88.6%)`
CMYK	77, 67, 0, 11
HSL	232.4°, 74.9, 54.7	`hsl(232.4,74.9%,54.7%)`
HSV (or HSB)	232.4°, 76.5, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	40.046, 43.997, -78.567
XYZ	17.709, 11.279, 73.191
xyY	0.173, 0.11, 11.279
CIE-LCH	40.046, 90.047, 299.249
CIE-LUV	40.046, -12.269, -113.803
Hunter-Lab	33.584, 35.352, -105.705
Binary	00110101, 01001011, 11100010

#354be2
```
#354be2 rgb(53,75,226)
```
#e2cc35
```
#e2cc35 rgb(226,204,53)
```

Complementary Color

#35a2e2
```
#35a2e2 rgb(53,162,226)
```
#354be2
```
#354be2 rgb(53,75,226)
```
#7635e2
```
#7635e2 rgb(118,53,226)
```

Analogous Color

#a2e235
```
#a2e235 rgb(162,226,53)
```
#354be2
```
#354be2 rgb(53,75,226)
```
#e27635
```
#e27635 rgb(226,118,53)
```

Split Complementary Color

#4be235
```
#4be235 rgb(75,226,53)
```
#354be2
```
#354be2 rgb(53,75,226)
```
#e2354b
```
#e2354b rgb(226,53,75)
```

Triadic Color

#35e2cc
```
#35e2cc rgb(53,226,204)
```
#354be2
```
#354be2 rgb(53,75,226)
```
#e2354b
```
#e2354b rgb(226,53,75)
```
#e2cc35
```
#e2cc35 rgb(226,204,53)
```

Tetradic Color

#192db1
```
#192db1 rgb(25,45,177)
```
#1d32c7
```
#1d32c7 rgb(29,50,199)
```
#2038de
```
#2038de rgb(32,56,222)
```
#354be2
```
#354be2 rgb(53,75,226)
```
#4b5fe5
```
#4b5fe5 rgb(75,95,229)
```
#6273e8
```
#6273e8 rgb(98,115,232)
```
#7887ec
```
#7887ec rgb(120,135,236)
```

Monochromatic Color

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

#3576e2
```
#3576e2 rgb(53,118,226)
```
#3568e2
```
#3568e2 rgb(53,104,226)
```
#3559e2
```
#3559e2 rgb(53,89,226)
```
#354be2
```
#354be2 rgb(53,75,226)
```
#353de2
```
#353de2 rgb(53,61,226)
```
#3c35e2
```
#3c35e2 rgb(60,53,226)
```
#4a35e2
```
#4a35e2 rgb(74,53,226)
```

Similar Colors

Text with hexadecimal color #354be2

This text has a font color of #354be2.

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

#354be2 background color

This paragraph has a background color of #354be2.

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

#354be2 border color

This element has a border color of #354be2.

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

CSS codes

.text {color:#354be2;}

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

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

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)
```
#0a1248
```
#0a1248 rgb(10,18,72)
```
#0d175a
```
#0d175a rgb(13,23,90)
```
#0f1b6b
```
#0f1b6b rgb(15,27,107)
```
#121f7c
```
#121f7c rgb(18,31,124)
```
#14248d
```
#14248d rgb(20,36,141)
```
#17289e
```
#17289e rgb(23,40,158)
```
#192caf
```
#192caf rgb(25,44,175)
```
#1c31c1
```
#1c31c1 rgb(28,49,193)
```
#1e35d2
```
#1e35d2 rgb(30,53,210)
```

Shade Color Variation

#243ce0
```
#243ce0 rgb(36,60,224)
```
#354be2
```
#354be2 rgb(53,75,226)
```
#465ae4
```
#465ae4 rgb(70,90,228)
```
#576ae7
```
#576ae7 rgb(87,106,231)
```
#6879e9
```
#6879e9 rgb(104,121,233)
```
#7a88ec
```
#7a88ec rgb(122,136,236)
```
#8b97ee
```
#8b97ee rgb(139,151,238)
```
#9ca7f1
```
#9ca7f1 rgb(156,167,241)
```
#adb6f3
```
#adb6f3 rgb(173,182,243)
```
#bec5f6
```
#bec5f6 rgb(190,197,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 #1a37fd is the most saturated one.

#858792
```
#858792 rgb(133,135,146)
```
#7c809b
```
#7c809b rgb(124,128,155)
```
#7379a4
```
#7379a4 rgb(115,121,164)
```
#6a73ad
```
#6a73ad rgb(106,115,173)
```
#616cb6
```
#616cb6 rgb(97,108,182)
```
#5965be
```
#5965be rgb(89,101,190)
```
#505fc7
```
#505fc7 rgb(80,95,199)
```
#4758d0
```
#4758d0 rgb(71,88,208)
```
#3e52d9
```
#3e52d9 rgb(62,82,217)
```
#354be2
```
#354be2 rgb(53,75,226)
```
#2c44eb
```
#2c44eb rgb(44,68,235)
```
#233ef4
```
#233ef4 rgb(35,62,244)
```
#1a37fd
```
#1a37fd rgb(26,55,253)
```

Tone Color Variation

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

#0063c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#135acd Protanomaly 1% of men, 0.01% of women
#135ebd Deuteranomaly 6% of men, 0.4% of women
#13639d Tritanomaly 0.01% of the population

#354be2 hex color

#354be2 Color Information

#354be2 Color Conversion

Color Schemes with #354be2

Alternatives to #354be2

#354be2 Preview

Shades and Tints of #354be2

Tones of #354be2

Color Blindness Simulator