#757be2 hex color

In a RGB color space, hex #757be2 is composed of 45.9% red, 48.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 45.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 236.7 degrees, a saturation of 65.3% and a lightness of 67.3%. #757be2 color hex could be obtained by blending #eaf6ff with #0000c5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 48
- B 89
RGB color chart
- C 48
- M 46
- Y 0
- K 11
CMYK color chart

● #757be2 color description : Soft blue.

The hexadecimal color #757be2 has RGB values of R:117, G:123, B:226 and CMYK values of C:0.48, M:0.46, Y:0, K:0.11. Its decimal value is 7699426.

Hex triplet	757be2	`#757be2`
RGB Decimal	117, 123, 226	`rgb(117,123,226)`
RGB Percent	45.9, 48.2, 88.6	`rgb(45.9%,48.2%,88.6%)`
CMYK	48, 46, 0, 11
HSL	236.7°, 65.3, 67.3	`hsl(236.7,65.3%,67.3%)`
HSV (or HSB)	236.7°, 48.2, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.521, 24.983, -53.309
XYZ	28.144, 23.438, 74.988
xyY	0.222, 0.185, 23.438
CIE-LCH	55.521, 58.873, 295.11
CIE-LUV	55.521, -8.42, -86.242
Hunter-Lab	48.413, 19.045, -57.948
Binary	01110101, 01111011, 11100010

#757be2
```
#757be2 rgb(117,123,226)
```
#e2dc75
```
#e2dc75 rgb(226,220,117)
```

Complementary Color

#75b2e2
```
#75b2e2 rgb(117,178,226)
```
#757be2
```
#757be2 rgb(117,123,226)
```
#a675e2
```
#a675e2 rgb(166,117,226)
```

Analogous Color

#b2e275
```
#b2e275 rgb(178,226,117)
```
#757be2
```
#757be2 rgb(117,123,226)
```
#e2a675
```
#e2a675 rgb(226,166,117)
```

Split Complementary Color

#7be275
```
#7be275 rgb(123,226,117)
```
#757be2
```
#757be2 rgb(117,123,226)
```
#e2757b
```
#e2757b rgb(226,117,123)
```

Triadic Color

#75e2dc
```
#75e2dc rgb(117,226,220)
```
#757be2
```
#757be2 rgb(117,123,226)
```
#e2757b
```
#e2757b rgb(226,117,123)
```
#e2dc75
```
#e2dc75 rgb(226,220,117)
```

Tetradic Color

#363fd5
```
#363fd5 rgb(54,63,213)
```
#4b53d9
```
#4b53d9 rgb(75,83,217)
```
#6067de
```
#6067de rgb(96,103,222)
```
#757be2
```
#757be2 rgb(117,123,226)
```
#8a8fe6
```
#8a8fe6 rgb(138,143,230)
```
#9fa3eb
```
#9fa3eb rgb(159,163,235)
```
#b4b7ef
```
#b4b7ef rgb(180,183,239)
```

Monochromatic Color

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

#7596e2
```
#7596e2 rgb(117,150,226)
```
#758de2
```
#758de2 rgb(117,141,226)
```
#7584e2
```
#7584e2 rgb(117,132,226)
```
#757be2
```
#757be2 rgb(117,123,226)
```
#7875e2
```
#7875e2 rgb(120,117,226)
```
#8175e2
```
#8175e2 rgb(129,117,226)
```
#8a75e2
```
#8a75e2 rgb(138,117,226)
```

Similar Colors

Text with hexadecimal color #757be2

This text has a font color of #757be2.

<span style="color:#757be2;">Text here</span>

#757be2 background color

This paragraph has a background color of #757be2.

<p style="background-color:#757be2;">Content here</p>

#757be2 border color

This element has a border color of #757be2.

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

CSS codes

.text {color:#757be2;}

.background {background-color:#757be2;}

.border {border:1px solid #757be2;}

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

#020208
```
#020208 rgb(2,2,8)
```
#050618
```
#050618 rgb(5,6,24)
```
#080a28
```
#080a28 rgb(8,10,40)
```
#0c0e39
```
#0c0e39 rgb(12,14,57)
```
#0f1249
```
#0f1249 rgb(15,18,73)
```
#131759
```
#131759 rgb(19,23,89)
```
#161b69
```
#161b69 rgb(22,27,105)
```
#1a1f79
```
#1a1f79 rgb(26,31,121)
```
#1d238a
```
#1d238a rgb(29,35,138)
```
#20279a
```
#20279a rgb(32,39,154)
```
#242baa
```
#242baa rgb(36,43,170)
```
#272fba
```
#272fba rgb(39,47,186)
```
#2b33ca
```
#2b33ca rgb(43,51,202)
```

Shade Color Variation

#343dd4
```
#343dd4 rgb(52,61,212)
```
#444cd8
```
#444cd8 rgb(68,76,216)
```
#555cdb
```
#555cdb rgb(85,92,219)
```
#656bdf
```
#656bdf rgb(101,107,223)
```
#757be2
```
#757be2 rgb(117,123,226)
```
#858be5
```
#858be5 rgb(133,139,229)
```
#959ae9
```
#959ae9 rgb(149,154,233)
```
#a6aaec
```
#a6aaec rgb(166,170,236)
```
#b6b9f0
```
#b6b9f0 rgb(182,185,240)
```
#c6c9f3
```
#c6c9f3 rgb(198,201,243)
```
#d6d8f6
```
#d6d8f6 rgb(214,216,246)
```
#e6e8fa
```
#e6e8fa rgb(230,232,250)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#a8a9af
```
#a8a9af rgb(168,169,175)
```
#a2a3b5
```
#a2a3b5 rgb(162,163,181)
```
#9c9dbb
```
#9c9dbb rgb(156,157,187)
```
#9598c2
```
#9598c2 rgb(149,152,194)
```
#8f92c8
```
#8f92c8 rgb(143,146,200)
```
#888ccf
```
#888ccf rgb(136,140,207)
```
#8286d5
```
#8286d5 rgb(130,134,213)
```
#7b81dc
```
#7b81dc rgb(123,129,220)
```
#757be2
```
#757be2 rgb(117,123,226)
```
#6f75e8
```
#6f75e8 rgb(111,117,232)
```
#6870ef
```
#6870ef rgb(104,112,239)
```
#626af5
```
#626af5 rgb(98,106,245)
```
#5b64fc
```
#5b64fc rgb(91,100,252)
```

Tone Color Variation

Below, you can see how #757be2 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

#858585 Achromatopsia 0.005% of the population
#828398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a88e8 Protanopia 1% of men
#4a8cdf Deuteranopia 1% of men
#61929d Tritanopia 0.001% of the population

Trichromacy

#6483e6 Protanomaly 1% of men, 0.01% of women
#5986e0 Deuteranomaly 6% of men, 0.4% of women
#688ab6 Tritanomaly 0.01% of the population

#757be2 hex color

#757be2 Color Information

#757be2 Color Conversion

Color Schemes with #757be2

Alternatives to #757be2

#757be2 Preview

Shades and Tints of #757be2

Tones of #757be2

Color Blindness Simulator