#354ae3 hex color

In a RGB color space, hex #354ae3 is composed of 20.8% red, 29% green and 89% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 67.4% magenta, 0% yellow and 11% black. It has a hue angle of 232.8 degrees, a saturation of 75.7% and a lightness of 54.9%. #354ae3 color hex could be obtained by blending #6a94ff with #0000c7. 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

● #354ae3 color description : Bright blue.

The hexadecimal color #354ae3 has RGB values of R:53, G:74, B:227 and CMYK values of C:0.77, M:0.67, Y:0, K:0.11. Its decimal value is 3492579.

Hex triplet	354ae3	`#354ae3`
RGB Decimal	53, 74, 227	`rgb(53,74,227)`
RGB Percent	20.8, 29, 89	`rgb(20.8%,29%,89%)`
CMYK	77, 67, 0, 11
HSL	232.8°, 75.7, 54.9	`hsl(232.8,75.7%,54.9%)`
HSV (or HSB)	232.8°, 76.7, 89
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.914, 44.944, -79.353
XYZ	17.779, 11.199, 73.894
xyY	0.173, 0.109, 11.199
CIE-LCH	39.914, 91.197, 299.526
CIE-LUV	39.914, -12.089, -114.652
Hunter-Lab	33.465, 36.268, -107.49
Binary	00110101, 01001010, 11100011

#354ae3
```
#354ae3 rgb(53,74,227)
```
#e3ce35
```
#e3ce35 rgb(227,206,53)
```

Complementary Color

#35a1e3
```
#35a1e3 rgb(53,161,227)
```
#354ae3
```
#354ae3 rgb(53,74,227)
```
#7735e3
```
#7735e3 rgb(119,53,227)
```

Analogous Color

#a1e335
```
#a1e335 rgb(161,227,53)
```
#354ae3
```
#354ae3 rgb(53,74,227)
```
#e37735
```
#e37735 rgb(227,119,53)
```

Split Complementary Color

#4ae335
```
#4ae335 rgb(74,227,53)
```
#354ae3
```
#354ae3 rgb(53,74,227)
```
#e3354a
```
#e3354a rgb(227,53,74)
```

Triadic Color

#35e3ce
```
#35e3ce rgb(53,227,206)
```
#354ae3
```
#354ae3 rgb(53,74,227)
```
#e3354a
```
#e3354a rgb(227,53,74)
```
#e3ce35
```
#e3ce35 rgb(227,206,53)
```

Tetradic Color

#192bb3
```
#192bb3 rgb(25,43,179)
```
#1c31c9
```
#1c31c9 rgb(28,49,201)
```
#1f36e0
```
#1f36e0 rgb(31,54,224)
```
#354ae3
```
#354ae3 rgb(53,74,227)
```
#4b5ee6
```
#4b5ee6 rgb(75,94,230)
```
#6272e9
```
#6272e9 rgb(98,114,233)
```
#7886ec
```
#7886ec rgb(120,134,236)
```

Monochromatic Color

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

#3576e3
```
#3576e3 rgb(53,118,227)
```
#3567e3
```
#3567e3 rgb(53,103,227)
```
#3559e3
```
#3559e3 rgb(53,89,227)
```
#354ae3
```
#354ae3 rgb(53,74,227)
```
#353ce3
```
#353ce3 rgb(53,60,227)
```
#3d35e3
```
#3d35e3 rgb(61,53,227)
```
#4c35e3
```
#4c35e3 rgb(76,53,227)
```

Similar Colors

Text with hexadecimal color #354ae3

This text has a font color of #354ae3.

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

#354ae3 background color

This paragraph has a background color of #354ae3.

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

#354ae3 border color

This element has a border color of #354ae3.

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

CSS codes

.text {color:#354ae3;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#030516
```
#030516 rgb(3,5,22)
```
#050a27
```
#050a27 rgb(5,10,39)
```
#080e38
```
#080e38 rgb(8,14,56)
```
#0a124a
```
#0a124a rgb(10,18,74)
```
#0d165b
```
#0d165b rgb(13,22,91)
```
#0f1a6c
```
#0f1a6c rgb(15,26,108)
```
#111e7d
```
#111e7d rgb(17,30,125)
```
#14238f
```
#14238f rgb(20,35,143)
```
#1627a0
```
#1627a0 rgb(22,39,160)
```
#192bb1
```
#192bb1 rgb(25,43,177)
```
#1b2fc2
```
#1b2fc2 rgb(27,47,194)
```
#1d33d3
```
#1d33d3 rgb(29,51,211)
```

Shade Color Variation

#243be1
```
#243be1 rgb(36,59,225)
```
#354ae3
```
#354ae3 rgb(53,74,227)
```
#4659e5
```
#4659e5 rgb(70,89,229)
```
#5769e8
```
#5769e8 rgb(87,105,232)
```
#6978ea
```
#6978ea rgb(105,120,234)
```
#7a88ed
```
#7a88ed rgb(122,136,237)
```
#8b97ef
```
#8b97ef rgb(139,151,239)
```
#9ca7f1
```
#9ca7f1 rgb(156,167,241)
```
#aeb6f4
```
#aeb6f4 rgb(174,182,244)
```
#bfc5f6
```
#bfc5f6 rgb(191,197,246)
```
#d0d5f8
```
#d0d5f8 rgb(208,213,248)
```
#e1e4fb
```
#e1e4fb rgb(225,228,251)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

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

#858693
```
#858693 rgb(133,134,147)
```
#7c809c
```
#7c809c rgb(124,128,156)
```
#7379a5
```
#7379a5 rgb(115,121,165)
```
#6a72ae
```
#6a72ae rgb(106,114,174)
```
#616cb7
```
#616cb7 rgb(97,108,183)
```
#5865c0
```
#5865c0 rgb(88,101,192)
```
#505ec8
```
#505ec8 rgb(80,94,200)
```
#4757d1
```
#4757d1 rgb(71,87,209)
```
#3e51da
```
#3e51da rgb(62,81,218)
```
#354ae3
```
#354ae3 rgb(53,74,227)
```
#2c43ec
```
#2c43ec rgb(44,67,236)
```
#233df5
```
#233df5 rgb(35,61,245)
```
#1a36fe
```
#1a36fe rgb(26,54,254)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4f5371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 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
#135dbd Deuteranomaly 6% of men, 0.4% of women
#13629d Tritanomaly 0.01% of the population

#354ae3 hex color

#354ae3 Color Information

#354ae3 Color Conversion

Color Schemes with #354ae3

Alternatives to #354ae3

#354ae3 Preview

Shades and Tints of #354ae3

Tones of #354ae3

Color Blindness Simulator