#5474fc hex color

In a RGB color space, hex #5474fc is composed of 32.9% red, 45.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 54% magenta, 0% yellow and 1.2% black. It has a hue angle of 228.6 degrees, a saturation of 96.6% and a lightness of 65.9%. #5474fc color hex could be obtained by blending #a8e8ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 45
- B 99
RGB color chart
- C 67
- M 54
- Y 0
- K 1
CMYK color chart

● #5474fc color description : Soft blue.

The hexadecimal color #5474fc has RGB values of R:84, G:116, B:252 and CMYK values of C:0.67, M:0.54, Y:0, K:0.01. Its decimal value is 5534972.

Hex triplet	5474fc	`#5474fc`
RGB Decimal	84, 116, 252	`rgb(84,116,252)`
RGB Percent	32.9, 45.5, 98.8	`rgb(32.9%,45.5%,98.8%)`
CMYK	67, 54, 0, 1
HSL	228.6°, 96.6, 65.9	`hsl(228.6,96.6%,65.9%)`
HSV (or HSB)	228.6°, 66.7, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.387, 31.493, -71.326
XYZ	27.469, 21.402, 94.774
xyY	0.191, 0.149, 21.402
CIE-LCH	53.387, 77.969, 293.823
CIE-LUV	53.387, -16.805, -113.789
Hunter-Lab	46.263, 25.026, -89.078
Binary	01010100, 01110100, 11111100

#5474fc
```
#5474fc rgb(84,116,252)
```
#fcdc54
```
#fcdc54 rgb(252,220,84)
```

Complementary Color

#54c8fc
```
#54c8fc rgb(84,200,252)
```
#5474fc
```
#5474fc rgb(84,116,252)
```
#8854fc
```
#8854fc rgb(136,84,252)
```

Analogous Color

#c8fc54
```
#c8fc54 rgb(200,252,84)
```
#5474fc
```
#5474fc rgb(84,116,252)
```
#fc8854
```
#fc8854 rgb(252,136,84)
```

Split Complementary Color

#74fc54
```
#74fc54 rgb(116,252,84)
```
#5474fc
```
#5474fc rgb(84,116,252)
```
#fc5474
```
#fc5474 rgb(252,84,116)
```

Triadic Color

#54fcdc
```
#54fcdc rgb(84,252,220)
```
#5474fc
```
#5474fc rgb(84,116,252)
```
#fc5474
```
#fc5474 rgb(252,84,116)
```
#fcdc54
```
#fcdc54 rgb(252,220,84)
```

Tetradic Color

#0937fb
```
#0937fb rgb(9,55,251)
```
#224bfb
```
#224bfb rgb(34,75,251)
```
#3b60fc
```
#3b60fc rgb(59,96,252)
```
#5474fc
```
#5474fc rgb(84,116,252)
```
#6d88fc
```
#6d88fc rgb(109,136,252)
```
#869dfd
```
#869dfd rgb(134,157,253)
```
#9fb1fd
```
#9fb1fd rgb(159,177,253)
```

Monochromatic Color

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

#549efc
```
#549efc rgb(84,158,252)
```
#5490fc
```
#5490fc rgb(84,144,252)
```
#5482fc
```
#5482fc rgb(84,130,252)
```
#5474fc
```
#5474fc rgb(84,116,252)
```
#5466fc
```
#5466fc rgb(84,102,252)
```
#5458fc
```
#5458fc rgb(84,88,252)
```
#5e54fc
```
#5e54fc rgb(94,84,252)
```

Similar Colors

Text with hexadecimal color #5474fc

This text has a font color of #5474fc.

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

#5474fc background color

This paragraph has a background color of #5474fc.

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

#5474fc border color

This element has a border color of #5474fc.

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

CSS codes

.text {color:#5474fc;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000416
```
#000416 rgb(0,4,22)
```
#010829
```
#010829 rgb(1,8,41)
```
#010c3c
```
#010c3c rgb(1,12,60)
```
#011050
```
#011050 rgb(1,16,80)
```
#021463
```
#021463 rgb(2,20,99)
```
#021876
```
#021876 rgb(2,24,118)
```
#021c89
```
#021c89 rgb(2,28,137)
```
#03209d
```
#03209d rgb(3,32,157)
```
#0324b0
```
#0324b0 rgb(3,36,176)
```
#0328c3
```
#0328c3 rgb(3,40,195)
```
#042cd7
```
#042cd7 rgb(4,44,215)
```
#0430ea
```
#0430ea rgb(4,48,234)
```

Shade Color Variation

#0735fb
```
#0735fb rgb(7,53,251)
```
#1a45fb
```
#1a45fb rgb(26,69,251)
```
#2d55fb
```
#2d55fb rgb(45,85,251)
```
#4164fc
```
#4164fc rgb(65,100,252)
```
#5474fc
```
#5474fc rgb(84,116,252)
```
#6784fc
```
#6784fc rgb(103,132,252)
```
#7b93fd
```
#7b93fd rgb(123,147,253)
```
#8ea3fd
```
#8ea3fd rgb(142,163,253)
```
#a1b3fd
```
#a1b3fd rgb(161,179,253)
```
#b4c2fe
```
#b4c2fe rgb(180,194,254)
```
#c8d2fe
```
#c8d2fe rgb(200,210,254)
```
#dbe2fe
```
#dbe2fe rgb(219,226,254)
```
#eef1ff
```
#eef1ff rgb(238,241,255)
```

Tint Color Variation

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

#a4a6ac
```
#a4a6ac rgb(164,166,172)
```
#9ea2b2
```
#9ea2b2 rgb(158,162,178)
```
#979db9
```
#979db9 rgb(151,157,185)
```
#9099c0
```
#9099c0 rgb(144,153,192)
```
#8a95c6
```
#8a95c6 rgb(138,149,198)
```
#8391cd
```
#8391cd rgb(131,145,205)
```
#7c8dd4
```
#7c8dd4 rgb(124,141,212)
```
#7589db
```
#7589db rgb(117,137,219)
```
#6f85e1
```
#6f85e1 rgb(111,133,225)
```
#6880e8
```
#6880e8 rgb(104,128,232)
```
#617cef
```
#617cef rgb(97,124,239)
```
#5b78f5
```
#5b78f5 rgb(91,120,245)
```
#5474fc
```
#5474fc rgb(84,116,252)
```

Tone Color Variation

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

#0981ff Protanopia 1% of men
#0088e0 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#247cfd Protanomaly 1% of men, 0.01% of women
#1e81ea Deuteranomaly 6% of men, 0.4% of women
#1e87bf Tritanomaly 0.01% of the population

#5474fc hex color

#5474fc Color Information

#5474fc Color Conversion

Color Schemes with #5474fc

Alternatives to #5474fc

#5474fc Preview

Shades and Tints of #5474fc

Tones of #5474fc

Color Blindness Simulator