#5074f9 hex color

In a RGB color space, hex #5074f9 is composed of 31.4% red, 45.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 53.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 227.2 degrees, a saturation of 93.4% and a lightness of 64.5%. #5074f9 color hex could be obtained by blending #a0e8ff with #0000f3. Closest websafe color is: #6666ff.

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

● #5074f9 color description : Soft blue.

The hexadecimal color #5074f9 has RGB values of R:80, G:116, B:249 and CMYK values of C:0.68, M:0.53, Y:0, K:0.02. Its decimal value is 5272825.

Hex triplet	5074f9	`#5074f9`
RGB Decimal	80, 116, 249	`rgb(80,116,249)`
RGB Percent	31.4, 45.5, 97.6	`rgb(31.4%,45.5%,97.6%)`
CMYK	68, 53, 0, 2
HSL	227.2°, 93.4, 64.5	`hsl(227.2,93.4%,64.5%)`
HSV (or HSB)	227.2°, 67.9, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.987, 29.896, -70.321
XYZ	26.649, 21.034, 92.273
xyY	0.19, 0.15, 21.034
CIE-LCH	52.987, 76.412, 293.032
CIE-LUV	52.987, -17.653, -111.934
Hunter-Lab	45.863, 23.458, -87.183
Binary	01010000, 01110100, 11111001

#5074f9
```
#5074f9 rgb(80,116,249)
```
#f9d550
```
#f9d550 rgb(249,213,80)
```

Complementary Color

#50c9f9
```
#50c9f9 rgb(80,201,249)
```
#5074f9
```
#5074f9 rgb(80,116,249)
```
#8150f9
```
#8150f9 rgb(129,80,249)
```

Analogous Color

#c9f950
```
#c9f950 rgb(201,249,80)
```
#5074f9
```
#5074f9 rgb(80,116,249)
```
#f98150
```
#f98150 rgb(249,129,80)
```

Split Complementary Color

#74f950
```
#74f950 rgb(116,249,80)
```
#5074f9
```
#5074f9 rgb(80,116,249)
```
#f95074
```
#f95074 rgb(249,80,116)
```

Triadic Color

#50f9d5
```
#50f9d5 rgb(80,249,213)
```
#5074f9
```
#5074f9 rgb(80,116,249)
```
#f95074
```
#f95074 rgb(249,80,116)
```
#f9d550
```
#f9d550 rgb(249,213,80)
```

Tetradic Color

#083bf4
```
#083bf4 rgb(8,59,244)
```
#1f4df7
```
#1f4df7 rgb(31,77,247)
```
#3760f8
```
#3760f8 rgb(55,96,248)
```
#5074f9
```
#5074f9 rgb(80,116,249)
```
#6988fa
```
#6988fa rgb(105,136,250)
```
#819bfb
```
#819bfb rgb(129,155,251)
```
#9aaffc
```
#9aaffc rgb(154,175,252)
```

Monochromatic Color

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

#509ef9
```
#509ef9 rgb(80,158,249)
```
#5090f9
```
#5090f9 rgb(80,144,249)
```
#5082f9
```
#5082f9 rgb(80,130,249)
```
#5074f9
```
#5074f9 rgb(80,116,249)
```
#5066f9
```
#5066f9 rgb(80,102,249)
```
#5058f9
```
#5058f9 rgb(80,88,249)
```
#5650f9
```
#5650f9 rgb(86,80,249)
```

Similar Colors

Text with hexadecimal color #5074f9

This text has a font color of #5074f9.

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

#5074f9 background color

This paragraph has a background color of #5074f9.

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

#5074f9 border color

This element has a border color of #5074f9.

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

CSS codes

.text {color:#5074f9;}

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

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

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

#01040f
```
#01040f rgb(1,4,15)
```
#010822
```
#010822 rgb(1,8,34)
```
#020d35
```
#020d35 rgb(2,13,53)
```
#021148
```
#021148 rgb(2,17,72)
```
#03165b
```
#03165b rgb(3,22,91)
```
#041a6d
```
#041a6d rgb(4,26,109)
```
#041f80
```
#041f80 rgb(4,31,128)
```
#052393
```
#052393 rgb(5,35,147)
```
#0628a6
```
#0628a6 rgb(6,40,166)
```
#062cb9
```
#062cb9 rgb(6,44,185)
```
#0731cc
```
#0731cc rgb(7,49,204)
```
#0836df
```
#0836df rgb(8,54,223)
```
#083af2
```
#083af2 rgb(8,58,242)
```

Shade Color Variation

#1747f7
```
#1747f7 rgb(23,71,247)
```
#2a56f8
```
#2a56f8 rgb(42,86,248)
```
#3d65f8
```
#3d65f8 rgb(61,101,248)
```
#5074f9
```
#5074f9 rgb(80,116,249)
```
#6383fa
```
#6383fa rgb(99,131,250)
```
#7692fa
```
#7692fa rgb(118,146,250)
```
#89a1fb
```
#89a1fb rgb(137,161,251)
```
#9cb0fc
```
#9cb0fc rgb(156,176,252)
```
#afbffc
```
#afbffc rgb(175,191,252)
```
#c2cefd
```
#c2cefd rgb(194,206,253)
```
#d5ddfe
```
#d5ddfe rgb(213,221,254)
```
#e8edfe
```
#e8edfe rgb(232,237,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 #5074f9 is the most saturated one.

#a4a4a5
```
#a4a4a5 rgb(164,164,165)
```
#9da0ac
```
#9da0ac rgb(157,160,172)
```
#969cb3
```
#969cb3 rgb(150,156,179)
```
#8f98ba
```
#8f98ba rgb(143,152,186)
```
#8894c1
```
#8894c1 rgb(136,148,193)
```
#8190c8
```
#8190c8 rgb(129,144,200)
```
#7a8ccf
```
#7a8ccf rgb(122,140,207)
```
#7388d6
```
#7388d6 rgb(115,136,214)
```
#6c84dd
```
#6c84dd rgb(108,132,221)
```
#6580e4
```
#6580e4 rgb(101,128,228)
```
#5e7ceb
```
#5e7ceb rgb(94,124,235)
```
#5778f2
```
#5778f2 rgb(87,120,242)
```
#5074f9
```
#5074f9 rgb(80,116,249)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#707792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fd Protanopia 1% of men
#0087de Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#1d7cfb Protanomaly 1% of men, 0.01% of women
#1d80e8 Deuteranomaly 6% of men, 0.4% of women
#1d87bd Tritanomaly 0.01% of the population

#5074f9 hex color

#5074f9 Color Information

#5074f9 Color Conversion

Color Schemes with #5074f9

Alternatives to #5074f9

#5074f9 Preview

Shades and Tints of #5074f9

Tones of #5074f9

Color Blindness Simulator