#5484fc hex color

In a RGB color space, hex #5484fc is composed of 32.9% red, 51.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 47.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 222.9 degrees, a saturation of 96.6% and a lightness of 65.9%. #5484fc color hex could be obtained by blending #a8ffff with #0009f9. Closest websafe color is: #6699ff.

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

● #5484fc color description : Soft blue.

The hexadecimal color #5484fc has RGB values of R:84, G:132, B:252 and CMYK values of C:0.67, M:0.48, Y:0, K:0.01. Its decimal value is 5539068.

Hex triplet	5484fc	`#5484fc`
RGB Decimal	84, 132, 252	`rgb(84,132,252)`
RGB Percent	32.9, 51.8, 98.8	`rgb(32.9%,51.8%,98.8%)`
CMYK	67, 48, 0, 1
HSL	222.9°, 96.6, 65.9	`hsl(222.9,96.6%,65.9%)`
HSV (or HSB)	222.9°, 66.7, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.476, 21.724, -64.723
XYZ	29.474, 25.414, 95.442
xyY	0.196, 0.169, 25.414
CIE-LCH	57.476, 68.272, 288.554
CIE-LUV	57.476, -21.438, -104.745
Hunter-Lab	50.412, 16.142, -76.962
Binary	01010100, 10000100, 11111100

#5484fc
```
#5484fc rgb(84,132,252)
```
#fccc54
```
#fccc54 rgb(252,204,84)
```

Complementary Color

#54d8fc
```
#54d8fc rgb(84,216,252)
```
#5484fc
```
#5484fc rgb(84,132,252)
```
#7854fc
```
#7854fc rgb(120,84,252)
```

Analogous Color

#d8fc54
```
#d8fc54 rgb(216,252,84)
```
#5484fc
```
#5484fc rgb(84,132,252)
```
#fc7854
```
#fc7854 rgb(252,120,84)
```

Split Complementary Color

#84fc54
```
#84fc54 rgb(132,252,84)
```
#5484fc
```
#5484fc rgb(84,132,252)
```
#fc5484
```
#fc5484 rgb(252,84,132)
```

Triadic Color

#54fccc
```
#54fccc rgb(84,252,204)
```
#5484fc
```
#5484fc rgb(84,132,252)
```
#fc5484
```
#fc5484 rgb(252,84,132)
```
#fccc54
```
#fccc54 rgb(252,204,84)
```

Tetradic Color

#094efb
```
#094efb rgb(9,78,251)
```
#2260fb
```
#2260fb rgb(34,96,251)
```
#3b72fc
```
#3b72fc rgb(59,114,252)
```
#5484fc
```
#5484fc rgb(84,132,252)
```
#6d96fc
```
#6d96fc rgb(109,150,252)
```
#86a8fd
```
#86a8fd rgb(134,168,253)
```
#9fbafd
```
#9fbafd rgb(159,186,253)
```

Monochromatic Color

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

#54aefc
```
#54aefc rgb(84,174,252)
```
#54a0fc
```
#54a0fc rgb(84,160,252)
```
#5492fc
```
#5492fc rgb(84,146,252)
```
#5484fc
```
#5484fc rgb(84,132,252)
```
#5476fc
```
#5476fc rgb(84,118,252)
```
#5468fc
```
#5468fc rgb(84,104,252)
```
#545afc
```
#545afc rgb(84,90,252)
```

Similar Colors

Text with hexadecimal color #5484fc

This text has a font color of #5484fc.

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

#5484fc background color

This paragraph has a background color of #5484fc.

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

#5484fc border color

This element has a border color of #5484fc.

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

CSS codes

.text {color:#5484fc;}

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

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

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 #eef3ff is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#000616
```
#000616 rgb(0,6,22)
```
#010c29
```
#010c29 rgb(1,12,41)
```
#01123c
```
#01123c rgb(1,18,60)
```
#011850
```
#011850 rgb(1,24,80)
```
#021d63
```
#021d63 rgb(2,29,99)
```
#022376
```
#022376 rgb(2,35,118)
```
#022989
```
#022989 rgb(2,41,137)
```
#032f9d
```
#032f9d rgb(3,47,157)
```
#0334b0
```
#0334b0 rgb(3,52,176)
```
#033ac3
```
#033ac3 rgb(3,58,195)
```
#0440d7
```
#0440d7 rgb(4,64,215)
```
#0446ea
```
#0446ea rgb(4,70,234)
```

Shade Color Variation

#074dfb
```
#074dfb rgb(7,77,251)
```
#1a5afb
```
#1a5afb rgb(26,90,251)
```
#2d68fb
```
#2d68fb rgb(45,104,251)
```
#4176fc
```
#4176fc rgb(65,118,252)
```
#5484fc
```
#5484fc rgb(84,132,252)
```
#6792fc
```
#6792fc rgb(103,146,252)
```
#7ba0fd
```
#7ba0fd rgb(123,160,253)
```
#8eaefd
```
#8eaefd rgb(142,174,253)
```
#a1bbfd
```
#a1bbfd rgb(161,187,253)
```
#b4c9fe
```
#b4c9fe rgb(180,201,254)
```
#c8d7fe
```
#c8d7fe rgb(200,215,254)
```
#dbe5fe
```
#dbe5fe rgb(219,229,254)
```
#eef3ff
```
#eef3ff rgb(238,243,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 #5484fc is the most saturated one.

#a4a6ac
```
#a4a6ac rgb(164,166,172)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#97a1b9
```
#97a1b9 rgb(151,161,185)
```
#909ec0
```
#909ec0 rgb(144,158,192)
```
#8a9bc6
```
#8a9bc6 rgb(138,155,198)
```
#8398cd
```
#8398cd rgb(131,152,205)
```
#7c95d4
```
#7c95d4 rgb(124,149,212)
```
#7592db
```
#7592db rgb(117,146,219)
```
#6f8fe1
```
#6f8fe1 rgb(111,143,225)
```
#688de8
```
#688de8 rgb(104,141,232)
```
#618aef
```
#618aef rgb(97,138,239)
```
#5b87f5
```
#5b87f5 rgb(91,135,245)
```
#5484fc
```
#5484fc rgb(84,132,252)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7a839b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8cfd Protanopia 1% of men
#0092f3 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#4f89fd Protanomaly 1% of men, 0.01% of women
#1e8df6 Deuteranomaly 6% of men, 0.4% of women
#1e94c7 Tritanomaly 0.01% of the population

#5484fc hex color

#5484fc Color Information

#5484fc Color Conversion

Color Schemes with #5484fc

Alternatives to #5484fc

#5484fc Preview

Shades and Tints of #5484fc

Tones of #5484fc

Color Blindness Simulator