#757bf2 hex color

In a RGB color space, hex #757bf2 is composed of 45.9% red, 48.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 49.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 237.1 degrees, a saturation of 82.8% and a lightness of 70.4%. #757bf2 color hex could be obtained by blending #eaf6ff with #0000e5. Closest websafe color is: #6666ff.

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

● #757bf2 color description : Soft blue.

The hexadecimal color #757bf2 has RGB values of R:117, G:123, B:242 and CMYK values of C:0.52, M:0.49, Y:0, K:0.05. Its decimal value is 7699442.

Hex triplet	757bf2	`#757bf2`
RGB Decimal	117, 123, 242	`rgb(117,123,242)`
RGB Percent	45.9, 48.2, 94.9	`rgb(45.9%,48.2%,94.9%)`
CMYK	52, 49, 0, 5
HSL	237.1°, 82.8, 70.4	`hsl(237.1,82.8%,70.4%)`
HSV (or HSB)	237.1°, 51.7, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.444, 29.841, -60.753
XYZ	30.443, 24.358, 87.097
xyY	0.215, 0.172, 24.358
CIE-LCH	56.444, 67.686, 296.16
CIE-LUV	56.444, -9.188, -98.854
Hunter-Lab	49.353, 23.737, -70.085
Binary	01110101, 01111011, 11110010

#757bf2
```
#757bf2 rgb(117,123,242)
```
#f2ec75
```
#f2ec75 rgb(242,236,117)
```

Complementary Color

#75baf2
```
#75baf2 rgb(117,186,242)
```
#757bf2
```
#757bf2 rgb(117,123,242)
```
#ae75f2
```
#ae75f2 rgb(174,117,242)
```

Analogous Color

#baf275
```
#baf275 rgb(186,242,117)
```
#757bf2
```
#757bf2 rgb(117,123,242)
```
#f2ae75
```
#f2ae75 rgb(242,174,117)
```

Split Complementary Color

#7bf275
```
#7bf275 rgb(123,242,117)
```
#757bf2
```
#757bf2 rgb(117,123,242)
```
#f2757b
```
#f2757b rgb(242,117,123)
```

Triadic Color

#75f2ec
```
#75f2ec rgb(117,242,236)
```
#757bf2
```
#757bf2 rgb(117,123,242)
```
#f2757b
```
#f2757b rgb(242,117,123)
```
#f2ec75
```
#f2ec75 rgb(242,236,117)
```

Tetradic Color

#2f38eb
```
#2f38eb rgb(47,56,235)
```
#464eee
```
#464eee rgb(70,78,238)
```
#5e65f0
```
#5e65f0 rgb(94,101,240)
```
#757bf2
```
#757bf2 rgb(117,123,242)
```
#8c91f4
```
#8c91f4 rgb(140,145,244)
```
#a4a8f6
```
#a4a8f6 rgb(164,168,246)
```
#bbbef9
```
#bbbef9 rgb(187,190,249)
```

Monochromatic Color

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

#759af2
```
#759af2 rgb(117,154,242)
```
#7590f2
```
#7590f2 rgb(117,144,242)
```
#7585f2
```
#7585f2 rgb(117,133,242)
```
#757bf2
```
#757bf2 rgb(117,123,242)
```
#7975f2
```
#7975f2 rgb(121,117,242)
```
#8475f2
```
#8475f2 rgb(132,117,242)
```
#8e75f2
```
#8e75f2 rgb(142,117,242)
```

Similar Colors

Text with hexadecimal color #757bf2

This text has a font color of #757bf2.

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

#757bf2 background color

This paragraph has a background color of #757bf2.

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

#757bf2 border color

This element has a border color of #757bf2.

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

CSS codes

.text {color:#757bf2;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#020317
```
#020317 rgb(2,3,23)
```
#040629
```
#040629 rgb(4,6,41)
```
#06083b
```
#06083b rgb(6,8,59)
```
#070b4d
```
#070b4d rgb(7,11,77)
```
#090d5f
```
#090d5f rgb(9,13,95)
```
#0b1071
```
#0b1071 rgb(11,16,113)
```
#0c1283
```
#0c1283 rgb(12,18,131)
```
#0e1495
```
#0e1495 rgb(14,20,149)
```
#1017a7
```
#1017a7 rgb(16,23,167)
```
#1119b9
```
#1119b9 rgb(17,25,185)
```
#131ccb
```
#131ccb rgb(19,28,203)
```
#151edd
```
#151edd rgb(21,30,221)
```

Shade Color Variation

#1b25ea
```
#1b25ea rgb(27,37,234)
```
#2d36eb
```
#2d36eb rgb(45,54,235)
```
#3f48ed
```
#3f48ed rgb(63,72,237)
```
#5159ef
```
#5159ef rgb(81,89,239)
```
#636af0
```
#636af0 rgb(99,106,240)
```
#757bf2
```
#757bf2 rgb(117,123,242)
```
#878cf4
```
#878cf4 rgb(135,140,244)
```
#999df5
```
#999df5 rgb(153,157,245)
```
#abaef7
```
#abaef7 rgb(171,174,247)
```
#bdc0f9
```
#bdc0f9 rgb(189,192,249)
```
#cfd1fa
```
#cfd1fa rgb(207,209,250)
```
#e1e2fc
```
#e1e2fc rgb(225,226,252)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

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

#afb0b8
```
#afb0b8 rgb(175,176,184)
```
#a9aabe
```
#a9aabe rgb(169,170,190)
```
#a3a5c4
```
#a3a5c4 rgb(163,165,196)
```
#9ea0c9
```
#9ea0c9 rgb(158,160,201)
```
#989bcf
```
#989bcf rgb(152,155,207)
```
#9295d5
```
#9295d5 rgb(146,149,213)
```
#8c90db
```
#8c90db rgb(140,144,219)
```
#868be1
```
#868be1 rgb(134,139,225)
```
#8186e6
```
#8186e6 rgb(129,134,230)
```
#7b80ec
```
#7b80ec rgb(123,128,236)
```
#757bf2
```
#757bf2 rgb(117,123,242)
```
#6f76f8
```
#6f76f8 rgb(111,118,248)
```
#6970fe
```
#6970fe rgb(105,112,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#83859c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b89f9 Protanopia 1% of men
#2a8fed Deuteranopia 1% of men
#5996a1 Tritanopia 0.001% of the population

Trichromacy

#5a84f6 Protanomaly 1% of men, 0.01% of women
#4588ee Deuteranomaly 6% of men, 0.4% of women
#638cbe Tritanomaly 0.01% of the population

#757bf2 hex color

#757bf2 Color Information

#757bf2 Color Conversion

Color Schemes with #757bf2

Alternatives to #757bf2

#757bf2 Preview

Shades and Tints of #757bf2

Tones of #757bf2

Color Blindness Simulator