#5084c9 hex color

In a RGB color space, hex #5084c9 is composed of 31.4% red, 51.8% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 34.3% magenta, 0% yellow and 21.2% black. It has a hue angle of 214.2 degrees, a saturation of 52.8% and a lightness of 55.1%. #5084c9 color hex could be obtained by blending #a0ffff with #000993. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 52
- B 79
RGB color chart
- C 60
- M 34
- Y 0
- K 21
CMYK color chart

● #5084c9 color description : Moderate blue.

The hexadecimal color #5084c9 has RGB values of R:80, G:132, B:201 and CMYK values of C:0.6, M:0.34, Y:0, K:0.21. Its decimal value is 5276873.

Hex triplet	5084c9	`#5084c9`
RGB Decimal	80, 132, 201	`rgb(80,132,201)`
RGB Percent	31.4, 51.8, 78.8	`rgb(31.4%,51.8%,78.8%)`
CMYK	60, 34, 0, 21
HSL	214.2°, 52.8, 55.1	`hsl(214.2,52.8%,55.1%)`
HSV (or HSB)	214.2°, 60.2, 78.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.474, 3.692, -41.009
XYZ	22.1, 22.424, 58.419
xyY	0.215, 0.218, 22.424
CIE-LCH	54.474, 41.175, 275.145
CIE-LUV	54.474, -22.809, -63.879
Hunter-Lab	47.354, 0.436, -39.997
Binary	01010000, 10000100, 11001001

#5084c9
```
#5084c9 rgb(80,132,201)
```
#c99550
```
#c99550 rgb(201,149,80)
```

Complementary Color

#50c1c9
```
#50c1c9 rgb(80,193,201)
```
#5084c9
```
#5084c9 rgb(80,132,201)
```
#5950c9
```
#5950c9 rgb(89,80,201)
```

Analogous Color

#c1c950
```
#c1c950 rgb(193,201,80)
```
#5084c9
```
#5084c9 rgb(80,132,201)
```
#c95950
```
#c95950 rgb(201,89,80)
```

Split Complementary Color

#84c950
```
#84c950 rgb(132,201,80)
```
#5084c9
```
#5084c9 rgb(80,132,201)
```
#c95084
```
#c95084 rgb(201,80,132)
```

Triadic Color

#50c995
```
#50c995 rgb(80,201,149)
```
#5084c9
```
#5084c9 rgb(80,132,201)
```
#c95084
```
#c95084 rgb(201,80,132)
```
#c99550
```
#c99550 rgb(201,149,80)
```

Tetradic Color

#305f9c
```
#305f9c rgb(48,95,156)
```
#366ab0
```
#366ab0 rgb(54,106,176)
```
#3d76c3
```
#3d76c3 rgb(61,118,195)
```
#5084c9
```
#5084c9 rgb(80,132,201)
```
#6392cf
```
#6392cf rgb(99,146,207)
```
#779fd5
```
#779fd5 rgb(119,159,213)
```
#8aaddb
```
#8aaddb rgb(138,173,219)
```

Monochromatic Color

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

#50a2c9
```
#50a2c9 rgb(80,162,201)
```
#5098c9
```
#5098c9 rgb(80,152,201)
```
#508ec9
```
#508ec9 rgb(80,142,201)
```
#5084c9
```
#5084c9 rgb(80,132,201)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#5070c9
```
#5070c9 rgb(80,112,201)
```
#5066c9
```
#5066c9 rgb(80,102,201)
```

Similar Colors

Text with hexadecimal color #5084c9

This text has a font color of #5084c9.

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

#5084c9 background color

This paragraph has a background color of #5084c9.

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

#5084c9 border color

This element has a border color of #5084c9.

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

CSS codes

.text {color:#5084c9;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060c14
```
#060c14 rgb(6,12,20)
```
#0b1523
```
#0b1523 rgb(11,21,35)
```
#0f1e32
```
#0f1e32 rgb(15,30,50)
```
#142741
```
#142741 rgb(20,39,65)
```
#193050
```
#193050 rgb(25,48,80)
```
#1d395f
```
#1d395f rgb(29,57,95)
```
#22436e
```
#22436e rgb(34,67,110)
```
#274c7d
```
#274c7d rgb(39,76,125)
```
#2b558c
```
#2b558c rgb(43,85,140)
```
#305e9b
```
#305e9b rgb(48,94,155)
```
#3467aa
```
#3467aa rgb(52,103,170)
```
#3970b9
```
#3970b9 rgb(57,112,185)
```

Shade Color Variation

#4179c4
```
#4179c4 rgb(65,121,196)
```
#5084c9
```
#5084c9 rgb(80,132,201)
```
#5f8fce
```
#5f8fce rgb(95,143,206)
```
#6e99d2
```
#6e99d2 rgb(110,153,210)
```
#7da4d7
```
#7da4d7 rgb(125,164,215)
```
#8caedc
```
#8caedc rgb(140,174,220)
```
#9bb9e0
```
#9bb9e0 rgb(155,185,224)
```
#aac3e5
```
#aac3e5 rgb(170,195,229)
```
#b9cee9
```
#b9cee9 rgb(185,206,233)
```
#c8d8ee
```
#c8d8ee rgb(200,216,238)
```
#d7e3f3
```
#d7e3f3 rgb(215,227,243)
```
#e6edf7
```
#e6edf7 rgb(230,237,247)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858b94 is the less saturated color, while #1b7dfe is the most saturated one.

#858b94
```
#858b94 rgb(133,139,148)
```
#7c8a9d
```
#7c8a9d rgb(124,138,157)
```
#7389a6
```
#7389a6 rgb(115,137,166)
```
#6a88af
```
#6a88af rgb(106,136,175)
```
#6286b7
```
#6286b7 rgb(98,134,183)
```
#5985c0
```
#5985c0 rgb(89,133,192)
```
#5084c9
```
#5084c9 rgb(80,132,201)
```
#4783d2
```
#4783d2 rgb(71,131,210)
```
#3e82db
```
#3e82db rgb(62,130,219)
```
#3680e3
```
#3680e3 rgb(54,128,227)
```
#2d7fec
```
#2d7fec rgb(45,127,236)
```
#247ef5
```
#247ef5 rgb(36,126,245)
```
#1b7dfe
```
#1b7dfe rgb(27,125,254)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#737e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f86c8 Protanopia 1% of men
#6288cc Deuteranopia 1% of men
#3e949e Tritanopia 0.001% of the population

Trichromacy

#6385c8 Protanomaly 1% of men, 0.01% of women
#5b87cb Deuteranomaly 6% of men, 0.4% of women
#448eae Tritanomaly 0.01% of the population

#5084c9 hex color

#5084c9 Color Information

#5084c9 Color Conversion

Color Schemes with #5084c9

Alternatives to #5084c9

#5084c9 Preview

Shades and Tints of #5084c9

Tones of #5084c9

Color Blindness Simulator