#5474fa hex color

In a RGB color space, hex #5474fa is composed of 32.9% red, 45.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 53.6% magenta, 0% yellow and 2% black. It has a hue angle of 228.4 degrees, a saturation of 94.3% and a lightness of 65.5%. #5474fa color hex could be obtained by blending #a8e8ff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 45
- B 98
RGB color chart
- C 66
- M 54
- Y 0
- K 2
CMYK color chart

● #5474fa color description : Soft blue.

The hexadecimal color #5474fa has RGB values of R:84, G:116, B:250 and CMYK values of C:0.66, M:0.54, Y:0, K:0.02. Its decimal value is 5534970.

Hex triplet	5474fa	`#5474fa`
RGB Decimal	84, 116, 250	`rgb(84,116,250)`
RGB Percent	32.9, 45.5, 98	`rgb(32.9%,45.5%,98%)`
CMYK	66, 54, 0, 2
HSL	228.4°, 94.3, 65.5	`hsl(228.4,94.3%,65.5%)`
HSV (or HSB)	228.4°, 66.4, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.25, 30.812, -70.439
XYZ	27.153, 21.276, 93.113
xyY	0.192, 0.15, 21.276
CIE-LCH	53.25, 76.884, 293.626
CIE-LUV	53.25, -16.777, -112.333
Hunter-Lab	46.126, 24.358, -87.398
Binary	01010100, 01110100, 11111010

#5474fa
```
#5474fa rgb(84,116,250)
```
#fada54
```
#fada54 rgb(250,218,84)
```

Complementary Color

#54c7fa
```
#54c7fa rgb(84,199,250)
```
#5474fa
```
#5474fa rgb(84,116,250)
```
#8754fa
```
#8754fa rgb(135,84,250)
```

Analogous Color

#c7fa54
```
#c7fa54 rgb(199,250,84)
```
#5474fa
```
#5474fa rgb(84,116,250)
```
#fa8754
```
#fa8754 rgb(250,135,84)
```

Split Complementary Color

#74fa54
```
#74fa54 rgb(116,250,84)
```
#5474fa
```
#5474fa rgb(84,116,250)
```
#fa5474
```
#fa5474 rgb(250,84,116)
```

Triadic Color

#54fada
```
#54fada rgb(84,250,218)
```
#5474fa
```
#5474fa rgb(84,116,250)
```
#fa5474
```
#fa5474 rgb(250,84,116)
```
#fada54
```
#fada54 rgb(250,218,84)
```

Tetradic Color

#0a38f8
```
#0a38f8 rgb(10,56,248)
```
#224cf9
```
#224cf9 rgb(34,76,249)
```
#3b60f9
```
#3b60f9 rgb(59,96,249)
```
#5474fa
```
#5474fa rgb(84,116,250)
```
#6d88fb
```
#6d88fb rgb(109,136,251)
```
#869cfb
```
#869cfb rgb(134,156,251)
```
#9eb0fc
```
#9eb0fc rgb(158,176,252)
```

Monochromatic Color

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

#549efa
```
#549efa rgb(84,158,250)
```
#5490fa
```
#5490fa rgb(84,144,250)
```
#5482fa
```
#5482fa rgb(84,130,250)
```
#5474fa
```
#5474fa rgb(84,116,250)
```
#5466fa
```
#5466fa rgb(84,102,250)
```
#5458fa
```
#5458fa rgb(84,88,250)
```
#5d54fa
```
#5d54fa rgb(93,84,250)
```

Similar Colors

Text with hexadecimal color #5474fa

This text has a font color of #5474fa.

<span style="color:#5474fa;">Text here</span>

#5474fa background color

This paragraph has a background color of #5474fa.

<p style="background-color:#5474fa;">Content here</p>

#5474fa border color

This element has a border color of #5474fa.

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

CSS codes

.text {color:#5474fa;}

.background {background-color:#5474fa;}

.border {border:1px solid #5474fa;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010414
```
#010414 rgb(1,4,20)
```
#010827
```
#010827 rgb(1,8,39)
```
#020c3a
```
#020c3a rgb(2,12,58)
```
#02114d
```
#02114d rgb(2,17,77)
```
#031560
```
#031560 rgb(3,21,96)
```
#031973
```
#031973 rgb(3,25,115)
```
#041d86
```
#041d86 rgb(4,29,134)
```
#042199
```
#042199 rgb(4,33,153)
```
#0525ac
```
#0525ac rgb(5,37,172)
```
#0629bf
```
#0629bf rgb(6,41,191)
```
#062dd2
```
#062dd2 rgb(6,45,210)
```
#0732e5
```
#0732e5 rgb(7,50,229)
```

Shade Color Variation

#0836f8
```
#0836f8 rgb(8,54,248)
```
#1b46f8
```
#1b46f8 rgb(27,70,248)
```
#2e55f9
```
#2e55f9 rgb(46,85,249)
```
#4165f9
```
#4165f9 rgb(65,101,249)
```
#5474fa
```
#5474fa rgb(84,116,250)
```
#6783fb
```
#6783fb rgb(103,131,251)
```
#7a93fb
```
#7a93fb rgb(122,147,251)
```
#8da2fc
```
#8da2fc rgb(141,162,252)
```
#a0b2fc
```
#a0b2fc rgb(160,178,252)
```
#b3c1fd
```
#b3c1fd rgb(179,193,253)
```
#c6d1fd
```
#c6d1fd rgb(198,209,253)
```
#d9e0fe
```
#d9e0fe rgb(217,224,254)
```
#ecf0fe
```
#ecf0fe rgb(236,240,254)
```

Tint Color Variation

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

#a5a6a9
```
#a5a6a9 rgb(165,166,169)
```
#9ea2b0
```
#9ea2b0 rgb(158,162,176)
```
#989eb6
```
#989eb6 rgb(152,158,182)
```
#9199bd
```
#9199bd rgb(145,153,189)
```
#8a95c4
```
#8a95c4 rgb(138,149,196)
```
#8391cb
```
#8391cb rgb(131,145,203)
```
#7d8dd1
```
#7d8dd1 rgb(125,141,209)
```
#7689d8
```
#7689d8 rgb(118,137,216)
```
#6f85df
```
#6f85df rgb(111,133,223)
```
#6880e6
```
#6880e6 rgb(104,128,230)
```
#627cec
```
#627cec rgb(98,124,236)
```
#5b78f3
```
#5b78f3 rgb(91,120,243)
```
#5474fa
```
#5474fa rgb(84,116,250)
```

Tone Color Variation

Below, you can see how #5474fa 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

#7a7a7a Achromatopsia 0.005% of the population
#727994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fe Protanopia 1% of men
#0088df Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#1e7cfc Protanomaly 1% of men, 0.01% of women
#1e81e9 Deuteranomaly 6% of men, 0.4% of women
#1e87be Tritanomaly 0.01% of the population

#5474fa hex color

#5474fa Color Information

#5474fa Color Conversion

Color Schemes with #5474fa

Alternatives to #5474fa

#5474fa Preview

Shades and Tints of #5474fa

Tones of #5474fa

Color Blindness Simulator