#5075f1 hex color

In a RGB color space, hex #5075f1 is composed of 31.4% red, 45.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 51.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 226.2 degrees, a saturation of 85.2% and a lightness of 62.9%. #5075f1 color hex could be obtained by blending #a0eaff with #0000e3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 46
- B 95
RGB color chart
- C 67
- M 51
- Y 0
- K 5
CMYK color chart

● #5075f1 color description : Soft blue.

The hexadecimal color #5075f1 has RGB values of R:80, G:117, B:241 and CMYK values of C:0.67, M:0.51, Y:0, K:0.05. Its decimal value is 5273073.

Hex triplet	5075f1	`#5075f1`
RGB Decimal	80, 117, 241	`rgb(80,117,241)`
RGB Percent	31.4, 45.9, 94.5	`rgb(31.4%,45.9%,94.5%)`
CMYK	67, 51, 0, 5
HSL	226.2°, 85.2, 62.9	`hsl(226.2,85.2%,62.9%)`
HSV (or HSB)	226.2°, 66.8, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.705, 26.522, -66.33
XYZ	25.543, 20.777, 85.879
xyY	0.193, 0.157, 20.777
CIE-LCH	52.705, 71.436, 291.794
CIE-LUV	52.705, -17.864, -105.496
Hunter-Lab	45.582, 20.259, -79.797
Binary	01010000, 01110101, 11110001

#5075f1
```
#5075f1 rgb(80,117,241)
```
#f1cc50
```
#f1cc50 rgb(241,204,80)
```

Complementary Color

#50c6f1
```
#50c6f1 rgb(80,198,241)
```
#5075f1
```
#5075f1 rgb(80,117,241)
```
#7c50f1
```
#7c50f1 rgb(124,80,241)
```

Analogous Color

#c6f150
```
#c6f150 rgb(198,241,80)
```
#5075f1
```
#5075f1 rgb(80,117,241)
```
#f17c50
```
#f17c50 rgb(241,124,80)
```

Split Complementary Color

#75f150
```
#75f150 rgb(117,241,80)
```
#5075f1
```
#5075f1 rgb(80,117,241)
```
#f15075
```
#f15075 rgb(241,80,117)
```

Triadic Color

#50f1cc
```
#50f1cc rgb(80,241,204)
```
#5075f1
```
#5075f1 rgb(80,117,241)
```
#f15075
```
#f15075 rgb(241,80,117)
```
#f1cc50
```
#f1cc50 rgb(241,204,80)
```

Tetradic Color

#1242e2
```
#1242e2 rgb(18,66,226)
```
#2150ed
```
#2150ed rgb(33,80,237)
```
#3862ef
```
#3862ef rgb(56,98,239)
```
#5075f1
```
#5075f1 rgb(80,117,241)
```
#6888f3
```
#6888f3 rgb(104,136,243)
```
#7f9af5
```
#7f9af5 rgb(127,154,245)
```
#97adf7
```
#97adf7 rgb(151,173,247)
```

Monochromatic Color

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

#509df1
```
#509df1 rgb(80,157,241)
```
#5090f1
```
#5090f1 rgb(80,144,241)
```
#5082f1
```
#5082f1 rgb(80,130,241)
```
#5075f1
```
#5075f1 rgb(80,117,241)
```
#5068f1
```
#5068f1 rgb(80,104,241)
```
#505af1
```
#505af1 rgb(80,90,241)
```
#5350f1
```
#5350f1 rgb(83,80,241)
```

Similar Colors

Text with hexadecimal color #5075f1

This text has a font color of #5075f1.

<span style="color:#5075f1;">Text here</span>

#5075f1 background color

This paragraph has a background color of #5075f1.

<p style="background-color:#5075f1;">Content here</p>

#5075f1 border color

This element has a border color of #5075f1.

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

CSS codes

.text {color:#5075f1;}

.background {background-color:#5075f1;}

.border {border:1px solid #5075f1;}

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

#010207
```
#010207 rgb(1,2,7)
```
#020719
```
#020719 rgb(2,7,25)
```
#030d2b
```
#030d2b rgb(3,13,43)
```
#05123d
```
#05123d rgb(5,18,61)
```
#06174f
```
#06174f rgb(6,23,79)
```
#081c61
```
#081c61 rgb(8,28,97)
```
#092274
```
#092274 rgb(9,34,116)
```
#0b2786
```
#0b2786 rgb(11,39,134)
```
#0c2c98
```
#0c2c98 rgb(12,44,152)
```
#0e32aa
```
#0e32aa rgb(14,50,170)
```
#0f37bc
```
#0f37bc rgb(15,55,188)
```
#113cce
```
#113cce rgb(17,60,206)
```
#1241e1
```
#1241e1 rgb(18,65,225)
```

Shade Color Variation

#1a4aed
```
#1a4aed rgb(26,74,237)
```
#2c58ee
```
#2c58ee rgb(44,88,238)
```
#3e67f0
```
#3e67f0 rgb(62,103,240)
```
#5075f1
```
#5075f1 rgb(80,117,241)
```
#6283f2
```
#6283f2 rgb(98,131,242)
```
#7492f4
```
#7492f4 rgb(116,146,244)
```
#86a0f5
```
#86a0f5 rgb(134,160,245)
```
#99aef7
```
#99aef7 rgb(153,174,247)
```
#abbdf8
```
#abbdf8 rgb(171,189,248)
```
#bdcbfa
```
#bdcbfa rgb(189,203,250)
```
#cfd9fb
```
#cfd9fb rgb(207,217,251)
```
#e1e8fd
```
#e1e8fd rgb(225,232,253)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

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

#a0a0a1
```
#a0a0a1 rgb(160,160,161)
```
#999ca8
```
#999ca8 rgb(153,156,168)
```
#9198b0
```
#9198b0 rgb(145,152,176)
```
#8a94b7
```
#8a94b7 rgb(138,148,183)
```
#8390be
```
#8390be rgb(131,144,190)
```
#7c8dc5
```
#7c8dc5 rgb(124,141,197)
```
#7489cd
```
#7489cd rgb(116,137,205)
```
#6d85d4
```
#6d85d4 rgb(109,133,212)
```
#6681db
```
#6681db rgb(102,129,219)
```
#5f7de2
```
#5f7de2 rgb(95,125,226)
```
#5779ea
```
#5779ea rgb(87,121,234)
```
#5075f1
```
#5075f1 rgb(80,117,241)
```
#4971f8
```
#4971f8 rgb(73,113,248)
```

Tone Color Variation

Below, you can see how #5075f1 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
#707790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d80f5 Protanopia 1% of men
#0087de Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#3a7cf4 Protanomaly 1% of men, 0.01% of women
#1d80e5 Deuteranomaly 6% of men, 0.4% of women
#1d87ba Tritanomaly 0.01% of the population

#5075f1 hex color

#5075f1 Color Information

#5075f1 Color Conversion

Color Schemes with #5075f1

Alternatives to #5075f1

#5075f1 Preview

Shades and Tints of #5075f1

Tones of #5075f1

Color Blindness Simulator