#354afa hex color

In a RGB color space, hex #354afa is composed of 20.8% red, 29% green and 98% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 70.4% magenta, 0% yellow and 2% black. It has a hue angle of 233.6 degrees, a saturation of 95.2% and a lightness of 59.4%. #354afa color hex could be obtained by blending #6a94ff with #0000f5. Closest websafe color is: #3333ff.

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

● #354afa color description : Bright blue.

The hexadecimal color #354afa has RGB values of R:53, G:74, B:250 and CMYK values of C:0.79, M:0.7, Y:0, K:0.02. Its decimal value is 3492602.

Hex triplet	354afa	`#354afa`
RGB Decimal	53, 74, 250	`rgb(53,74,250)`
RGB Percent	20.8, 29, 98	`rgb(20.8%,29%,98%)`
CMYK	79, 70, 0, 2
HSL	233.6°, 95.2, 59.4	`hsl(233.6,95.2%,59.4%)`
HSV (or HSB)	233.6°, 78.8, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.085, 52.712, -88.756
XYZ	21.169, 12.555, 91.745
xyY	0.169, 0.1, 12.555
CIE-LCH	42.085, 103.229, 300.706
CIE-LUV	42.085, -12.668, -128.693
Hunter-Lab	35.433, 44.633, -128.713
Binary	00110101, 01001010, 11111010

#354afa
```
#354afa rgb(53,74,250)
```
#fae535
```
#fae535 rgb(250,229,53)
```

Complementary Color

#35adfa
```
#35adfa rgb(53,173,250)
```
#354afa
```
#354afa rgb(53,74,250)
```
#8335fa
```
#8335fa rgb(131,53,250)
```

Analogous Color

#adfa35
```
#adfa35 rgb(173,250,53)
```
#354afa
```
#354afa rgb(53,74,250)
```
#fa8335
```
#fa8335 rgb(250,131,53)
```

Split Complementary Color

#4afa35
```
#4afa35 rgb(74,250,53)
```
#354afa
```
#354afa rgb(53,74,250)
```
#fa354a
```
#fa354a rgb(250,53,74)
```

Triadic Color

#35fae5
```
#35fae5 rgb(53,250,229)
```
#354afa
```
#354afa rgb(53,74,250)
```
#fa354a
```
#fa354a rgb(250,53,74)
```
#fae535
```
#fae535 rgb(250,229,53)
```

Tetradic Color

#051cdd
```
#051cdd rgb(5,28,221)
```
#0620f6
```
#0620f6 rgb(6,32,246)
```
#1c34f9
```
#1c34f9 rgb(28,52,249)
```
#354afa
```
#354afa rgb(53,74,250)
```
#4e60fb
```
#4e60fb rgb(78,96,251)
```
#6777fb
```
#6777fb rgb(103,119,251)
```
#808dfc
```
#808dfc rgb(128,141,252)
```

Monochromatic Color

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

#357bfa
```
#357bfa rgb(53,123,250)
```
#356bfa
```
#356bfa rgb(53,107,250)
```
#355afa
```
#355afa rgb(53,90,250)
```
#354afa
```
#354afa rgb(53,74,250)
```
#353afa
```
#353afa rgb(53,58,250)
```
#4135fa
```
#4135fa rgb(65,53,250)
```
#5135fa
```
#5135fa rgb(81,53,250)
```

Similar Colors

Text with hexadecimal color #354afa

This text has a font color of #354afa.

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

#354afa background color

This paragraph has a background color of #354afa.

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

#354afa border color

This element has a border color of #354afa.

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

CSS codes

.text {color:#354afa;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#01041c
```
#01041c rgb(1,4,28)
```
#01062f
```
#01062f rgb(1,6,47)
```
#020842
```
#020842 rgb(2,8,66)
```
#020b55
```
#020b55 rgb(2,11,85)
```
#030d68
```
#030d68 rgb(3,13,104)
```
#03107b
```
#03107b rgb(3,16,123)
```
#04128f
```
#04128f rgb(4,18,143)
```
#0415a2
```
#0415a2 rgb(4,21,162)
```
#0417b5
```
#0417b5 rgb(4,23,181)
```
#051ac8
```
#051ac8 rgb(5,26,200)
```
#051cdb
```
#051cdb rgb(5,28,219)
```
#061fee
```
#061fee rgb(6,31,238)
```

Shade Color Variation

#0f28f9
```
#0f28f9 rgb(15,40,249)
```
#2239fa
```
#2239fa rgb(34,57,250)
```
#354afa
```
#354afa rgb(53,74,250)
```
#485bfa
```
#485bfa rgb(72,91,250)
```
#5b6cfb
```
#5b6cfb rgb(91,108,251)
```
#6e7dfb
```
#6e7dfb rgb(110,125,251)
```
#828ffc
```
#828ffc rgb(130,143,252)
```
#95a0fc
```
#95a0fc rgb(149,160,252)
```
#a8b1fd
```
#a8b1fd rgb(168,177,253)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```
#ced3fe
```
#ced3fe rgb(206,211,254)
```
#e1e4fe
```
#e1e4fe rgb(225,228,254)
```
#f4f6ff
```
#f4f6ff rgb(244,246,255)
```

Tint Color Variation

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

#95959a
```
#95959a rgb(149,149,154)
```
#8d8fa2
```
#8d8fa2 rgb(141,143,162)
```
#8589aa
```
#8589aa rgb(133,137,170)
```
#7d82b2
```
#7d82b2 rgb(125,130,178)
```
#757cba
```
#757cba rgb(117,124,186)
```
#6d76c2
```
#6d76c2 rgb(109,118,194)
```
#6570ca
```
#6570ca rgb(101,112,202)
```
#5d69d2
```
#5d69d2 rgb(93,105,210)
```
#5563da
```
#5563da rgb(85,99,218)
```
#4d5de2
```
#4d5de2 rgb(77,93,226)
```
#4557ea
```
#4557ea rgb(69,87,234)
```
#3d50f2
```
#3d50f2 rgb(61,80,242)
```
#354afa
```
#354afa rgb(53,74,250)
```

Tone Color Variation

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

Dichromacy

#0068cb Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00767b Tritanopia 0.001% of the population

Trichromacy

#135ddc Protanomaly 1% of men, 0.01% of women
#1361ca Deuteranomaly 6% of men, 0.4% of women
#1366a9 Tritanomaly 0.01% of the population

#354afa hex color

#354afa Color Information

#354afa Color Conversion

Color Schemes with #354afa

Alternatives to #354afa

#354afa Preview

Shades and Tints of #354afa

Tones of #354afa

Color Blindness Simulator