#75a7f2 hex color

In a RGB color space, hex #75a7f2 is composed of 45.9% red, 65.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 31% magenta, 0% yellow and 5.1% black. It has a hue angle of 216 degrees, a saturation of 82.8% and a lightness of 70.4%. #75a7f2 color hex could be obtained by blending #eaffff with #004fe5. Closest websafe color is: #6699ff.

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

● #75a7f2 color description : Soft blue.

The hexadecimal color #75a7f2 has RGB values of R:117, G:167, B:242 and CMYK values of C:0.52, M:0.31, Y:0, K:0.05. Its decimal value is 7710706.

Hex triplet	75a7f2	`#75a7f2`
RGB Decimal	117, 167, 242	`rgb(117,167,242)`
RGB Percent	45.9, 65.5, 94.9	`rgb(45.9%,65.5%,94.9%)`
CMYK	52, 31, 0, 5
HSL	216°, 82.8, 70.4	`hsl(216,82.8%,70.4%)`
HSV (or HSB)	216°, 51.7, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.894, 4.057, -42.594
XYZ	37.178, 37.828, 89.342
xyY	0.226, 0.23, 37.828
CIE-LCH	67.894, 42.787, 275.44
CIE-LUV	67.894, -24.201, -69.01
Hunter-Lab	61.505, 0.266, -43.072
Binary	01110101, 10100111, 11110010

#75a7f2
```
#75a7f2 rgb(117,167,242)
```
#f2c075
```
#f2c075 rgb(242,192,117)
```

Complementary Color

#75e6f2
```
#75e6f2 rgb(117,230,242)
```
#75a7f2
```
#75a7f2 rgb(117,167,242)
```
#8275f2
```
#8275f2 rgb(130,117,242)
```

Analogous Color

#e6f275
```
#e6f275 rgb(230,242,117)
```
#75a7f2
```
#75a7f2 rgb(117,167,242)
```
#f28275
```
#f28275 rgb(242,130,117)
```

Split Complementary Color

#a7f275
```
#a7f275 rgb(167,242,117)
```
#75a7f2
```
#75a7f2 rgb(117,167,242)
```
#f275a7
```
#f275a7 rgb(242,117,167)
```

Triadic Color

#75f2c0
```
#75f2c0 rgb(117,242,192)
```
#75a7f2
```
#75a7f2 rgb(117,167,242)
```
#f275a7
```
#f275a7 rgb(242,117,167)
```
#f2c075
```
#f2c075 rgb(242,192,117)
```

Tetradic Color

#2f7aeb
```
#2f7aeb rgb(47,122,235)
```
#4689ee
```
#4689ee rgb(70,137,238)
```
#5e98f0
```
#5e98f0 rgb(94,152,240)
```
#75a7f2
```
#75a7f2 rgb(117,167,242)
```
#8cb6f4
```
#8cb6f4 rgb(140,182,244)
```
#a4c5f6
```
#a4c5f6 rgb(164,197,246)
```
#bbd4f9
```
#bbd4f9 rgb(187,212,249)
```

Monochromatic Color

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

#75c6f2
```
#75c6f2 rgb(117,198,242)
```
#75bcf2
```
#75bcf2 rgb(117,188,242)
```
#75b1f2
```
#75b1f2 rgb(117,177,242)
```
#75a7f2
```
#75a7f2 rgb(117,167,242)
```
#759df2
```
#759df2 rgb(117,157,242)
```
#7592f2
```
#7592f2 rgb(117,146,242)
```
#7588f2
```
#7588f2 rgb(117,136,242)
```

Similar Colors

Text with hexadecimal color #75a7f2

This text has a font color of #75a7f2.

<span style="color:#75a7f2;">Text here</span>

#75a7f2 background color

This paragraph has a background color of #75a7f2.

<p style="background-color:#75a7f2;">Content here</p>

#75a7f2 border color

This element has a border color of #75a7f2.

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

CSS codes

.text {color:#75a7f2;}

.background {background-color:#75a7f2;}

.border {border:1px solid #75a7f2;}

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

#010205
```
#010205 rgb(1,2,5)
```
#020b17
```
#020b17 rgb(2,11,23)
```
#041329
```
#041329 rgb(4,19,41)
```
#061b3b
```
#061b3b rgb(6,27,59)
```
#07234d
```
#07234d rgb(7,35,77)
```
#092b5f
```
#092b5f rgb(9,43,95)
```
#0b3471
```
#0b3471 rgb(11,52,113)
```
#0c3c83
```
#0c3c83 rgb(12,60,131)
```
#0e4495
```
#0e4495 rgb(14,68,149)
```
#104ca7
```
#104ca7 rgb(16,76,167)
```
#1154b9
```
#1154b9 rgb(17,84,185)
```
#135ccb
```
#135ccb rgb(19,92,203)
```
#1565dd
```
#1565dd rgb(21,101,221)
```

Shade Color Variation

#1b6eea
```
#1b6eea rgb(27,110,234)
```
#2d79eb
```
#2d79eb rgb(45,121,235)
```
#3f85ed
```
#3f85ed rgb(63,133,237)
```
#5190ef
```
#5190ef rgb(81,144,239)
```
#639cf0
```
#639cf0 rgb(99,156,240)
```
#75a7f2
```
#75a7f2 rgb(117,167,242)
```
#87b2f4
```
#87b2f4 rgb(135,178,244)
```
#99bef5
```
#99bef5 rgb(153,190,245)
```
#abc9f7
```
#abc9f7 rgb(171,201,247)
```
#bdd5f9
```
#bdd5f9 rgb(189,213,249)
```
#cfe0fa
```
#cfe0fa rgb(207,224,250)
```
#e1ecfc
```
#e1ecfc rgb(225,236,252)
```
#f2f7fe
```
#f2f7fe rgb(242,247,254)
```

Tint Color Variation

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

#afb3b8
```
#afb3b8 rgb(175,179,184)
```
#a9b1be
```
#a9b1be rgb(169,177,190)
```
#a3b0c4
```
#a3b0c4 rgb(163,176,196)
```
#9eafc9
```
#9eafc9 rgb(158,175,201)
```
#98aecf
```
#98aecf rgb(152,174,207)
```
#92add5
```
#92add5 rgb(146,173,213)
```
#8cacdb
```
#8cacdb rgb(140,172,219)
```
#86aae1
```
#86aae1 rgb(134,170,225)
```
#81a9e6
```
#81a9e6 rgb(129,169,230)
```
#7ba8ec
```
#7ba8ec rgb(123,168,236)
```
#75a7f2
```
#75a7f2 rgb(117,167,242)
```
#6fa6f8
```
#6fa6f8 rgb(111,166,248)
```
#69a5fe
```
#69a5fe rgb(105,165,254)
```

Tone Color Variation

Below, you can see how #75a7f2 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

#a1a1a1 Achromatopsia 0.005% of the population
#98a2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a7ef Protanopia 1% of men
#86a9f3 Deuteranopia 1% of men
#67b5c2 Tritanopia 0.001% of the population

Trichromacy

#86a7f0 Protanomaly 1% of men, 0.01% of women
#80a8f3 Deuteranomaly 6% of men, 0.4% of women
#6cb0d3 Tritanomaly 0.01% of the population

#75a7f2 hex color

#75a7f2 Color Information

#75a7f2 Color Conversion

Color Schemes with #75a7f2

Alternatives to #75a7f2

#75a7f2 Preview

Shades and Tints of #75a7f2

Tones of #75a7f2

Color Blindness Simulator