#354afe hex color

In a RGB color space, hex #354afe is composed of 20.8% red, 29% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 70.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 233.7 degrees, a saturation of 99% and a lightness of 60.2%. #354afe color hex could be obtained by blending #6a94ff with #0000fd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 21
- G 29
- B 100
RGB color chart
- C 79
- M 71
- Y 0
- K 0
CMYK color chart

● #354afe color description : Bright blue.

The hexadecimal color #354afe has RGB values of R:53, G:74, B:254 and CMYK values of C:0.79, M:0.71, Y:0, K:0. Its decimal value is 3492606.

Hex triplet	354afe	`#354afe`
RGB Decimal	53, 74, 254	`rgb(53,74,254)`
RGB Percent	20.8, 29, 99.6	`rgb(20.8%,29%,99.6%)`
CMYK	79, 71, 0, 0
HSL	233.7°, 99, 60.2	`hsl(233.7,99%,60.2%)`
HSV (or HSB)	233.7°, 79.1, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.474, 54.034, -90.35
XYZ	21.803, 12.809, 95.084
xyY	0.168, 0.099, 12.809
CIE-LCH	42.474, 105.275, 300.881
CIE-LUV	42.474, -12.773, -131.084
Hunter-Lab	35.789, 46.111, -132.467
Binary	00110101, 01001010, 11111110

#354afe
```
#354afe rgb(53,74,254)
```
#fee935
```
#fee935 rgb(254,233,53)
```

Complementary Color

#35affe
```
#35affe rgb(53,175,254)
```
#354afe
```
#354afe rgb(53,74,254)
```
#8535fe
```
#8535fe rgb(133,53,254)
```

Analogous Color

#affe35
```
#affe35 rgb(175,254,53)
```
#354afe
```
#354afe rgb(53,74,254)
```
#fe8535
```
#fe8535 rgb(254,133,53)
```

Split Complementary Color

#4afe35
```
#4afe35 rgb(74,254,53)
```
#354afe
```
#354afe rgb(53,74,254)
```
#fe354a
```
#fe354a rgb(254,53,74)
```

Triadic Color

#35fee9
```
#35fee9 rgb(53,254,233)
```
#354afe
```
#354afe rgb(53,74,254)
```
#fe354a
```
#fe354a rgb(254,53,74)
```
#fee935
```
#fee935 rgb(254,233,53)
```

Tetradic Color

#0119e5
```
#0119e5 rgb(1,25,229)
```
#021dfe
```
#021dfe rgb(2,29,254)
```
#1c33fe
```
#1c33fe rgb(28,51,254)
```
#354afe
```
#354afe rgb(53,74,254)
```
#4e61fe
```
#4e61fe rgb(78,97,254)
```
#6877fe
```
#6877fe rgb(104,119,254)
```
#818efe
```
#818efe rgb(129,142,254)
```

Monochromatic Color

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

#357cfe
```
#357cfe rgb(53,124,254)
```
#356cfe
```
#356cfe rgb(53,108,254)
```
#355bfe
```
#355bfe rgb(53,91,254)
```
#354afe
```
#354afe rgb(53,74,254)
```
#3539fe
```
#3539fe rgb(53,57,254)
```
#4135fe
```
#4135fe rgb(65,53,254)
```
#5235fe
```
#5235fe rgb(82,53,254)
```

Similar Colors

Text with hexadecimal color #354afe

This text has a font color of #354afe.

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

#354afe background color

This paragraph has a background color of #354afe.

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

#354afe border color

This element has a border color of #354afe.

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

CSS codes

.text {color:#354afe;}

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

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

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, #00010d is the darkest color, while #f8f9ff is the lightest one.

#00010d
```
#00010d rgb(0,1,13)
```
#000420
```
#000420 rgb(0,4,32)
```
#000634
```
#000634 rgb(0,6,52)
```
#000847
```
#000847 rgb(0,8,71)
```
#000a5b
```
#000a5b rgb(0,10,91)
```
#010c6e
```
#010c6e rgb(1,12,110)
```
#010e82
```
#010e82 rgb(1,14,130)
```
#011095
```
#011095 rgb(1,16,149)
```
#0112a9
```
#0112a9 rgb(1,18,169)
```
#0115bc
```
#0115bc rgb(1,21,188)
```
#0117d0
```
#0117d0 rgb(1,23,208)
```
#0119e3
```
#0119e3 rgb(1,25,227)
```
#011bf7
```
#011bf7 rgb(1,27,247)
```

Shade Color Variation

#0e27fe
```
#0e27fe rgb(14,39,254)
```
#2139fe
```
#2139fe rgb(33,57,254)
```
#354afe
```
#354afe rgb(53,74,254)
```
#495bfe
```
#495bfe rgb(73,91,254)
```
#5c6dfe
```
#5c6dfe rgb(92,109,254)
```
#707efe
```
#707efe rgb(112,126,254)
```
#8390fe
```
#8390fe rgb(131,144,254)
```
#97a1fe
```
#97a1fe rgb(151,161,254)
```
#aab3ff
```
#aab3ff rgb(170,179,255)
```
#bec4ff
```
#bec4ff rgb(190,196,255)
```
#d1d6ff
```
#d1d6ff rgb(209,214,255)
```
#e5e7ff
```
#e5e7ff rgb(229,231,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9394a0 is the less saturated color, while #354afe is the most saturated one.

#9394a0
```
#9394a0 rgb(147,148,160)
```
#8b8ea8
```
#8b8ea8 rgb(139,142,168)
```
#8388b0
```
#8388b0 rgb(131,136,176)
```
#7b82b8
```
#7b82b8 rgb(123,130,184)
```
#737bc0
```
#737bc0 rgb(115,123,192)
```
#6c75c7
```
#6c75c7 rgb(108,117,199)
```
#646fcf
```
#646fcf rgb(100,111,207)
```
#5c69d7
```
#5c69d7 rgb(92,105,215)
```
#5463df
```
#5463df rgb(84,99,223)
```
#4c5de7
```
#4c5de7 rgb(76,93,231)
```
#4556ee
```
#4556ee rgb(69,86,238)
```
#3d50f6
```
#3d50f6 rgb(61,80,246)
```
#354afe
```
#354afe rgb(53,74,254)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#515579 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00777c Tritanopia 0.001% of the population

Trichromacy

#135dde Protanomaly 1% of men, 0.01% of women
#1361cd Deuteranomaly 6% of men, 0.4% of women
#1366ab Tritanomaly 0.01% of the population

#354afe hex color

#354afe Color Information

#354afe Color Conversion

Color Schemes with #354afe

Alternatives to #354afe

#354afe Preview

Shades and Tints of #354afe

Tones of #354afe

Color Blindness Simulator