#5084f9 hex color

In a RGB color space, hex #5084f9 is composed of 31.4% red, 51.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 47% magenta, 0% yellow and 2.4% black. It has a hue angle of 221.5 degrees, a saturation of 93.4% and a lightness of 64.5%. #5084f9 color hex could be obtained by blending #a0ffff with #0009f3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 52
- B 98
RGB color chart
- C 68
- M 47
- Y 0
- K 2
CMYK color chart

● #5084f9 color description : Soft blue.

The hexadecimal color #5084f9 has RGB values of R:80, G:132, B:249 and CMYK values of C:0.68, M:0.47, Y:0, K:0.02. Its decimal value is 5276921.

Hex triplet	5084f9	`#5084f9`
RGB Decimal	80, 132, 249	`rgb(80,132,249)`
RGB Percent	31.4, 51.8, 97.6	`rgb(31.4%,51.8%,97.6%)`
CMYK	68, 47, 0, 2
HSL	221.5°, 93.4, 64.5	`hsl(221.5,93.4%,64.5%)`
HSV (or HSB)	221.5°, 67.9, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.12, 20.094, -63.651
XYZ	28.655, 25.046, 92.942
xyY	0.195, 0.171, 25.046
CIE-LCH	57.12, 66.748, 287.52
CIE-LUV	57.12, -22.324, -102.759
Hunter-Lab	50.046, 14.624, -75.078
Binary	01010000, 10000100, 11111001

#5084f9
```
#5084f9 rgb(80,132,249)
```
#f9c550
```
#f9c550 rgb(249,197,80)
```

Complementary Color

#50d9f9
```
#50d9f9 rgb(80,217,249)
```
#5084f9
```
#5084f9 rgb(80,132,249)
```
#7150f9
```
#7150f9 rgb(113,80,249)
```

Analogous Color

#d9f950
```
#d9f950 rgb(217,249,80)
```
#5084f9
```
#5084f9 rgb(80,132,249)
```
#f97150
```
#f97150 rgb(249,113,80)
```

Split Complementary Color

#84f950
```
#84f950 rgb(132,249,80)
```
#5084f9
```
#5084f9 rgb(80,132,249)
```
#f95084
```
#f95084 rgb(249,80,132)
```

Triadic Color

#50f9c5
```
#50f9c5 rgb(80,249,197)
```
#5084f9
```
#5084f9 rgb(80,132,249)
```
#f95084
```
#f95084 rgb(249,80,132)
```
#f9c550
```
#f9c550 rgb(249,197,80)
```

Tetradic Color

#0851f4
```
#0851f4 rgb(8,81,244)
```
#1f61f7
```
#1f61f7 rgb(31,97,247)
```
#3773f8
```
#3773f8 rgb(55,115,248)
```
#5084f9
```
#5084f9 rgb(80,132,249)
```
#6995fa
```
#6995fa rgb(105,149,250)
```
#81a7fb
```
#81a7fb rgb(129,167,251)
```
#9ab8fc
```
#9ab8fc rgb(154,184,252)
```

Monochromatic Color

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

#50aef9
```
#50aef9 rgb(80,174,249)
```
#50a0f9
```
#50a0f9 rgb(80,160,249)
```
#5092f9
```
#5092f9 rgb(80,146,249)
```
#5084f9
```
#5084f9 rgb(80,132,249)
```
#5076f9
```
#5076f9 rgb(80,118,249)
```
#5068f9
```
#5068f9 rgb(80,104,249)
```
#505af9
```
#505af9 rgb(80,90,249)
```

Similar Colors

Text with hexadecimal color #5084f9

This text has a font color of #5084f9.

<span style="color:#5084f9;">Text here</span>

#5084f9 background color

This paragraph has a background color of #5084f9.

<p style="background-color:#5084f9;">Content here</p>

#5084f9 border color

This element has a border color of #5084f9.

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

CSS codes

.text {color:#5084f9;}

.background {background-color:#5084f9;}

.border {border:1px solid #5084f9;}

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, #01050f is the darkest color, while #fbfcff is the lightest one.

#01050f
```
#01050f rgb(1,5,15)
```
#010b22
```
#010b22 rgb(1,11,34)
```
#021135
```
#021135 rgb(2,17,53)
```
#021848
```
#021848 rgb(2,24,72)
```
#031e5b
```
#031e5b rgb(3,30,91)
```
#04246d
```
#04246d rgb(4,36,109)
```
#042b80
```
#042b80 rgb(4,43,128)
```
#053193
```
#053193 rgb(5,49,147)
```
#0637a6
```
#0637a6 rgb(6,55,166)
```
#063db9
```
#063db9 rgb(6,61,185)
```
#0744cc
```
#0744cc rgb(7,68,204)
```
#084adf
```
#084adf rgb(8,74,223)
```
#0850f2
```
#0850f2 rgb(8,80,242)
```

Shade Color Variation

#175cf7
```
#175cf7 rgb(23,92,247)
```
#2a69f8
```
#2a69f8 rgb(42,105,248)
```
#3d77f8
```
#3d77f8 rgb(61,119,248)
```
#5084f9
```
#5084f9 rgb(80,132,249)
```
#6391fa
```
#6391fa rgb(99,145,250)
```
#769ffa
```
#769ffa rgb(118,159,250)
```
#89acfb
```
#89acfb rgb(137,172,251)
```
#9cb9fc
```
#9cb9fc rgb(156,185,252)
```
#afc7fc
```
#afc7fc rgb(175,199,252)
```
#c2d4fd
```
#c2d4fd rgb(194,212,253)
```
#d5e1fe
```
#d5e1fe rgb(213,225,254)
```
#e8effe
```
#e8effe rgb(232,239,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a4a4a5
```
#a4a4a5 rgb(164,164,165)
```
#9da1ac
```
#9da1ac rgb(157,161,172)
```
#969fb3
```
#969fb3 rgb(150,159,179)
```
#8f9cba
```
#8f9cba rgb(143,156,186)
```
#8899c1
```
#8899c1 rgb(136,153,193)
```
#8197c8
```
#8197c8 rgb(129,151,200)
```
#7a94cf
```
#7a94cf rgb(122,148,207)
```
#7391d6
```
#7391d6 rgb(115,145,214)
```
#6c8fdd
```
#6c8fdd rgb(108,143,221)
```
#658ce4
```
#658ce4 rgb(101,140,228)
```
#5e89eb
```
#5e89eb rgb(94,137,235)
```
#5787f2
```
#5787f2 rgb(87,135,242)
```
#5084f9
```
#5084f9 rgb(80,132,249)
```

Tone Color Variation

Below, you can see how #5084f9 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

#828282 Achromatopsia 0.005% of the population
#78829a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8bfa Protanopia 1% of men
#0091f2 Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#4f88f9 Protanomaly 1% of men, 0.01% of women
#1d8cf4 Deuteranomaly 6% of men, 0.4% of women
#1d94c5 Tritanomaly 0.01% of the population

#5084f9 hex color

#5084f9 Color Information

#5084f9 Color Conversion

Color Schemes with #5084f9

Alternatives to #5084f9

#5084f9 Preview

Shades and Tints of #5084f9

Tones of #5084f9

Color Blindness Simulator