#758af4 hex color

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

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

● #758af4 color description : Soft blue.

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

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

CIE-LAB	60.328, 21.533, -55.648
XYZ	32.75, 28.489, 89.356
xyY	0.217, 0.189, 28.489
CIE-LCH	60.328, 59.669, 291.154
CIE-LUV	60.328, -14.063, -91.14
Hunter-Lab	53.375, 16.119, -61.896
Binary	01110101, 10001010, 11110100

#758af4
```
#758af4 rgb(117,138,244)
```
#f4df75
```
#f4df75 rgb(244,223,117)
```

Complementary Color

#75caf4
```
#75caf4 rgb(117,202,244)
```
#758af4
```
#758af4 rgb(117,138,244)
```
#a075f4
```
#a075f4 rgb(160,117,244)
```

Analogous Color

#caf475
```
#caf475 rgb(202,244,117)
```
#758af4
```
#758af4 rgb(117,138,244)
```
#f4a075
```
#f4a075 rgb(244,160,117)
```

Split Complementary Color

#8af475
```
#8af475 rgb(138,244,117)
```
#758af4
```
#758af4 rgb(117,138,244)
```
#f4758a
```
#f4758a rgb(244,117,138)
```

Triadic Color

#75f4df
```
#75f4df rgb(117,244,223)
```
#758af4
```
#758af4 rgb(117,138,244)
```
#f4758a
```
#f4758a rgb(244,117,138)
```
#f4df75
```
#f4df75 rgb(244,223,117)
```

Tetradic Color

#2e4eee
```
#2e4eee rgb(46,78,238)
```
#4662f0
```
#4662f0 rgb(70,98,240)
```
#5d76f2
```
#5d76f2 rgb(93,118,242)
```
#758af4
```
#758af4 rgb(117,138,244)
```
#8d9ef6
```
#8d9ef6 rgb(141,158,246)
```
#a4b2f8
```
#a4b2f8 rgb(164,178,248)
```
#bcc6fa
```
#bcc6fa rgb(188,198,250)
```

Monochromatic Color

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

#75aaf4
```
#75aaf4 rgb(117,170,244)
```
#759ff4
```
#759ff4 rgb(117,159,244)
```
#7595f4
```
#7595f4 rgb(117,149,244)
```
#758af4
```
#758af4 rgb(117,138,244)
```
#757ff4
```
#757ff4 rgb(117,127,244)
```
#7575f4
```
#7575f4 rgb(117,117,244)
```
#8075f4
```
#8075f4 rgb(128,117,244)
```

Similar Colors

Text with hexadecimal color #758af4

This text has a font color of #758af4.

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

#758af4 background color

This paragraph has a background color of #758af4.

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

#758af4 border color

This element has a border color of #758af4.

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

CSS codes

.text {color:#758af4;}

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

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

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)
```
#050e3e
```
#050e3e rgb(5,14,62)
```
#061350
```
#061350 rgb(6,19,80)
```
#081762
```
#081762 rgb(8,23,98)
```
#091b74
```
#091b74 rgb(9,27,116)
```
#0b1f87
```
#0b1f87 rgb(11,31,135)
```
#0c2399
```
#0c2399 rgb(12,35,153)
```
#0e28ab
```
#0e28ab rgb(14,40,171)
```
#0f2cbd
```
#0f2cbd rgb(15,44,189)
```
#1130cf
```
#1130cf rgb(17,48,207)
```
#1234e1
```
#1234e1 rgb(18,52,225)
```

Shade Color Variation

#1a3ded
```
#1a3ded rgb(26,61,237)
```
#2c4cee
```
#2c4cee rgb(44,76,238)
```
#3e5cf0
```
#3e5cf0 rgb(62,92,240)
```
#516bf1
```
#516bf1 rgb(81,107,241)
```
#637bf3
```
#637bf3 rgb(99,123,243)
```
#758af4
```
#758af4 rgb(117,138,244)
```
#8799f5
```
#8799f5 rgb(135,153,245)
```
#99a9f7
```
#99a9f7 rgb(153,169,247)
```
#acb8f8
```
#acb8f8 rgb(172,184,248)
```
#bec8fa
```
#bec8fa rgb(190,200,250)
```
#d0d7fb
```
#d0d7fb rgb(208,215,251)
```
#e2e6fd
```
#e2e6fd rgb(226,230,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 #6f86fa 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)
```
#929dd7
```
#929dd7 rgb(146,157,215)
```
#8c99dd
```
#8c99dd rgb(140,153,221)
```
#8696e3
```
#8696e3 rgb(134,150,227)
```
#8092e9
```
#8092e9 rgb(128,146,233)
```
#7b8eee
```
#7b8eee rgb(123,142,238)
```
#758af4
```
#758af4 rgb(117,138,244)
```
#6f86fa
```
#6f86fa rgb(111,134,250)
```

Tone Color Variation

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

#6693f7 Protanopia 1% of men
#5298f1 Deuteranopia 1% of men
#5ca1ac Tritanopia 0.001% of the population

Trichromacy

#6c90f6 Protanomaly 1% of men, 0.01% of women
#5f93f2 Deuteranomaly 6% of men, 0.4% of women
#6598c6 Tritanomaly 0.01% of the population

#758af4 hex color

#758af4 Color Information

#758af4 Color Conversion

Color Schemes with #758af4

Alternatives to #758af4

#758af4 Preview

Shades and Tints of #758af4

Tones of #758af4

Color Blindness Simulator