#758bf4 hex color

In a RGB color space, hex #758bf4 is composed of 45.9% red, 54.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 43% magenta, 0% yellow and 4.3% black. It has a hue angle of 229.6 degrees, a saturation of 85.2% and a lightness of 70.8%. #758bf4 color hex could be obtained by blending #eaffff with #0017e9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 55
- B 96
RGB color chart
- C 52
- M 43
- Y 0
- K 4
CMYK color chart

● #758bf4 color description : Soft blue.

The hexadecimal color #758bf4 has RGB values of R:117, G:139, B:244 and CMYK values of C:0.52, M:0.43, Y:0, K:0.04. Its decimal value is 7703540.

Hex triplet	758bf4	`#758bf4`
RGB Decimal	117, 139, 244	`rgb(117,139,244)`
RGB Percent	45.9, 54.5, 95.7	`rgb(45.9%,54.5%,95.7%)`
CMYK	52, 43, 0, 4
HSL	229.6°, 85.2, 70.8	`hsl(229.6,85.2%,70.8%)`
HSV (or HSB)	229.6°, 52, 95.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.585, 20.94, -55.239
XYZ	32.894, 28.777, 89.404
xyY	0.218, 0.19, 28.777
CIE-LCH	60.585, 59.075, 290.761
CIE-LUV	60.585, -14.395, -90.485
Hunter-Lab	53.645, 15.577, -61.262
Binary	01110101, 10001011, 11110100

#758bf4
```
#758bf4 rgb(117,139,244)
```
#f4de75
```
#f4de75 rgb(244,222,117)
```

Complementary Color

#75cbf4
```
#75cbf4 rgb(117,203,244)
```
#758bf4
```
#758bf4 rgb(117,139,244)
```
#9f75f4
```
#9f75f4 rgb(159,117,244)
```

Analogous Color

#cbf475
```
#cbf475 rgb(203,244,117)
```
#758bf4
```
#758bf4 rgb(117,139,244)
```
#f49f75
```
#f49f75 rgb(244,159,117)
```

Split Complementary Color

#8bf475
```
#8bf475 rgb(139,244,117)
```
#758bf4
```
#758bf4 rgb(117,139,244)
```
#f4758b
```
#f4758b rgb(244,117,139)
```

Triadic Color

#75f4de
```
#75f4de rgb(117,244,222)
```
#758bf4
```
#758bf4 rgb(117,139,244)
```
#f4758b
```
#f4758b rgb(244,117,139)
```
#f4de75
```
#f4de75 rgb(244,222,117)
```

Tetradic Color

#2e4fee
```
#2e4fee rgb(46,79,238)
```
#4663f0
```
#4663f0 rgb(70,99,240)
```
#5d77f2
```
#5d77f2 rgb(93,119,242)
```
#758bf4
```
#758bf4 rgb(117,139,244)
```
#8d9ff6
```
#8d9ff6 rgb(141,159,246)
```
#a4b3f8
```
#a4b3f8 rgb(164,179,248)
```
#bcc7fa
```
#bcc7fa rgb(188,199,250)
```

Monochromatic Color

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

#75abf4
```
#75abf4 rgb(117,171,244)
```
#75a0f4
```
#75a0f4 rgb(117,160,244)
```
#7596f4
```
#7596f4 rgb(117,150,244)
```
#758bf4
```
#758bf4 rgb(117,139,244)
```
#7580f4
```
#7580f4 rgb(117,128,244)
```
#7576f4
```
#7576f4 rgb(117,118,244)
```
#7f75f4
```
#7f75f4 rgb(127,117,244)
```

Similar Colors

Text with hexadecimal color #758bf4

This text has a font color of #758bf4.

<span style="color:#758bf4;">Text here</span>

#758bf4 background color

This paragraph has a background color of #758bf4.

<p style="background-color:#758bf4;">Content here</p>

#758bf4 border color

This element has a border color of #758bf4.

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

CSS codes

.text {color:#758bf4;}

.background {background-color:#758bf4;}

.border {border:1px solid #758bf4;}

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 #f4f6fe is the lightest one.

#010207
```
#010207 rgb(1,2,7)
```
#02061a
```
#02061a rgb(2,6,26)
```
#030a2c
```
#030a2c rgb(3,10,44)
```
#050f3e
```
#050f3e rgb(5,15,62)
```
#061350
```
#061350 rgb(6,19,80)
```
#081762
```
#081762 rgb(8,23,98)
```
#091c74
```
#091c74 rgb(9,28,116)
```
#0b2087
```
#0b2087 rgb(11,32,135)
```
#0c2599
```
#0c2599 rgb(12,37,153)
```
#0e29ab
```
#0e29ab rgb(14,41,171)
```
#0f2dbd
```
#0f2dbd rgb(15,45,189)
```
#1132cf
```
#1132cf rgb(17,50,207)
```
#1236e1
```
#1236e1 rgb(18,54,225)
```

Shade Color Variation

#1a3fed
```
#1a3fed rgb(26,63,237)
```
#2c4eee
```
#2c4eee rgb(44,78,238)
```
#3e5df0
```
#3e5df0 rgb(62,93,240)
```
#516cf1
```
#516cf1 rgb(81,108,241)
```
#637cf3
```
#637cf3 rgb(99,124,243)
```
#758bf4
```
#758bf4 rgb(117,139,244)
```
#879af5
```
#879af5 rgb(135,154,245)
```
#99aaf7
```
#99aaf7 rgb(153,170,247)
```
#acb9f8
```
#acb9f8 rgb(172,185,248)
```
#bec8fa
```
#bec8fa rgb(190,200,250)
```
#d0d7fb
```
#d0d7fb rgb(208,215,251)
```
#e2e7fd
```
#e2e7fd rgb(226,231,253)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

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

#b4b4b5
```
#b4b4b5 rgb(180,180,181)
```
#aeb0bb
```
#aeb0bb rgb(174,176,187)
```
#a9adc0
```
#a9adc0 rgb(169,173,192)
```
#a3a9c6
```
#a3a9c6 rgb(163,169,198)
```
#9da5cc
```
#9da5cc rgb(157,165,204)
```
#97a1d2
```
#97a1d2 rgb(151,161,210)
```
#929ed7
```
#929ed7 rgb(146,158,215)
```
#8c9add
```
#8c9add rgb(140,154,221)
```
#8696e3
```
#8696e3 rgb(134,150,227)
```
#8092e9
```
#8092e9 rgb(128,146,233)
```
#7b8fee
```
#7b8fee rgb(123,143,238)
```
#758bf4
```
#758bf4 rgb(117,139,244)
```
#6f87fa
```
#6f87fa rgb(111,135,250)
```

Tone Color Variation

Below, you can see how #758bf4 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

#909090 Achromatopsia 0.005% of the population
#8b8fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6894f7 Protanopia 1% of men
#5498f1 Deuteranopia 1% of men
#5ca1ad Tritanopia 0.001% of the population

Trichromacy

#6d91f6 Protanomaly 1% of men, 0.01% of women
#6093f2 Deuteranomaly 6% of men, 0.4% of women
#6599c7 Tritanomaly 0.01% of the population

#758bf4 hex color

#758bf4 Color Information

#758bf4 Color Conversion

Color Schemes with #758bf4

Alternatives to #758bf4

#758bf4 Preview

Shades and Tints of #758bf4

Tones of #758bf4

Color Blindness Simulator