#7580f3 hex color

In a RGB color space, hex #7580f3 is composed of 45.9% red, 50.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 47.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 234.8 degrees, a saturation of 84% and a lightness of 70.6%. #7580f3 color hex could be obtained by blending #eaffff with #0001e7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 50
- B 95
RGB color chart
- C 52
- M 47
- Y 0
- K 5
CMYK color chart

● #7580f3 color description : Soft blue.

The hexadecimal color #7580f3 has RGB values of R:117, G:128, B:243 and CMYK values of C:0.52, M:0.47, Y:0, K:0.05. Its decimal value is 7700723.

Hex triplet	7580f3	`#7580f3`
RGB Decimal	117, 128, 243	`rgb(117,128,243)`
RGB Percent	45.9, 50.2, 95.3	`rgb(45.9%,50.2%,95.3%)`
CMYK	52, 47, 0, 5
HSL	234.8°, 84, 70.6	`hsl(234.8,84%,70.6%)`
HSV (or HSB)	234.8°, 51.9, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.742, 27.169, -59.227
XYZ	31.23, 25.69, 88.102
xyY	0.215, 0.177, 25.69
CIE-LCH	57.742, 65.162, 294.642
CIE-LUV	57.742, -10.791, -96.655
Hunter-Lab	50.685, 21.283, -67.579
Binary	01110101, 10000000, 11110011

#7580f3
```
#7580f3 rgb(117,128,243)
```
#f3e875
```
#f3e875 rgb(243,232,117)
```

Complementary Color

#75bff3
```
#75bff3 rgb(117,191,243)
```
#7580f3
```
#7580f3 rgb(117,128,243)
```
#a975f3
```
#a975f3 rgb(169,117,243)
```

Analogous Color

#bff375
```
#bff375 rgb(191,243,117)
```
#7580f3
```
#7580f3 rgb(117,128,243)
```
#f3a975
```
#f3a975 rgb(243,169,117)
```

Split Complementary Color

#80f375
```
#80f375 rgb(128,243,117)
```
#7580f3
```
#7580f3 rgb(117,128,243)
```
#f37580
```
#f37580 rgb(243,117,128)
```

Triadic Color

#75f3e8
```
#75f3e8 rgb(117,243,232)
```
#7580f3
```
#7580f3 rgb(117,128,243)
```
#f37580
```
#f37580 rgb(243,117,128)
```
#f3e875
```
#f3e875 rgb(243,232,117)
```

Tetradic Color

#2f3fed
```
#2f3fed rgb(47,63,237)
```
#4655ef
```
#4655ef rgb(70,85,239)
```
#5e6af1
```
#5e6af1 rgb(94,106,241)
```
#7580f3
```
#7580f3 rgb(117,128,243)
```
#8c96f5
```
#8c96f5 rgb(140,150,245)
```
#a4abf7
```
#a4abf7 rgb(164,171,247)
```
#bbc1f9
```
#bbc1f9 rgb(187,193,249)
```

Monochromatic Color

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

#75a0f3
```
#75a0f3 rgb(117,160,243)
```
#7595f3
```
#7595f3 rgb(117,149,243)
```
#758bf3
```
#758bf3 rgb(117,139,243)
```
#7580f3
```
#7580f3 rgb(117,128,243)
```
#7576f3
```
#7576f3 rgb(117,118,243)
```
#7f75f3
```
#7f75f3 rgb(127,117,243)
```
#8a75f3
```
#8a75f3 rgb(138,117,243)
```

Similar Colors

Text with hexadecimal color #7580f3

This text has a font color of #7580f3.

<span style="color:#7580f3;">Text here</span>

#7580f3 background color

This paragraph has a background color of #7580f3.

<p style="background-color:#7580f3;">Content here</p>

#7580f3 border color

This element has a border color of #7580f3.

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

CSS codes

.text {color:#7580f3;}

.background {background-color:#7580f3;}

.border {border:1px solid #7580f3;}

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

#010106
```
#010106 rgb(1,1,6)
```
#020418
```
#020418 rgb(2,4,24)
```
#04072a
```
#04072a rgb(4,7,42)
```
#050a3d
```
#050a3d rgb(5,10,61)
```
#070d4f
```
#070d4f rgb(7,13,79)
```
#081061
```
#081061 rgb(8,16,97)
```
#0a1373
```
#0a1373 rgb(10,19,115)
```
#0c1685
```
#0c1685 rgb(12,22,133)
```
#0d1997
```
#0d1997 rgb(13,25,151)
```
#0f1ca9
```
#0f1ca9 rgb(15,28,169)
```
#101fbb
```
#101fbb rgb(16,31,187)
```
#1222cd
```
#1222cd rgb(18,34,205)
```
#1325df
```
#1325df rgb(19,37,223)
```

Shade Color Variation

#1b2deb
```
#1b2deb rgb(27,45,235)
```
#2d3eed
```
#2d3eed rgb(45,62,237)
```
#3f4eee
```
#3f4eee rgb(63,78,238)
```
#515ff0
```
#515ff0 rgb(81,95,240)
```
#636ff1
```
#636ff1 rgb(99,111,241)
```
#7580f3
```
#7580f3 rgb(117,128,243)
```
#8791f5
```
#8791f5 rgb(135,145,245)
```
#99a1f6
```
#99a1f6 rgb(153,161,246)
```
#abb2f8
```
#abb2f8 rgb(171,178,248)
```
#bdc2f9
```
#bdc2f9 rgb(189,194,249)
```
#cfd3fb
```
#cfd3fb rgb(207,211,251)
```
#e1e4fc
```
#e1e4fc rgb(225,228,252)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

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

#afb0b9
```
#afb0b9 rgb(175,176,185)
```
#a9abbf
```
#a9abbf rgb(169,171,191)
```
#a3a6c5
```
#a3a6c5 rgb(163,166,197)
```
#9da1cb
```
#9da1cb rgb(157,161,203)
```
#989dd0
```
#989dd0 rgb(152,157,208)
```
#9298d6
```
#9298d6 rgb(146,152,214)
```
#8c93dc
```
#8c93dc rgb(140,147,220)
```
#868ee2
```
#868ee2 rgb(134,142,226)
```
#818ae7
```
#818ae7 rgb(129,138,231)
```
#7b85ed
```
#7b85ed rgb(123,133,237)
```
#7580f3
```
#7580f3 rgb(117,128,243)
```
#6f7bf9
```
#6f7bf9 rgb(111,123,249)
```
#6976ff
```
#6976ff rgb(105,118,255)
```

Tone Color Variation

Below, you can see how #7580f3 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

#8a8a8a Achromatopsia 0.005% of the population
#86889f Atypical Achromatopsia 0.001% of the population

Dichromacy

#558df9 Protanopia 1% of men
#3a92ee Deuteranopia 1% of men
#5a9aa5 Tritanopia 0.001% of the population

Trichromacy

#6088f7 Protanomaly 1% of men, 0.01% of women
#4f8bf0 Deuteranomaly 6% of men, 0.4% of women
#6390c1 Tritanomaly 0.01% of the population

#7580f3 hex color

#7580f3 Color Information

#7580f3 Color Conversion

Color Schemes with #7580f3

Alternatives to #7580f3

#7580f3 Preview

Shades and Tints of #7580f3

Tones of #7580f3

Color Blindness Simulator