#7d57f2 hex color

In a RGB color space, hex #7d57f2 is composed of 49% red, 34.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 64% magenta, 0% yellow and 5.1% black. It has a hue angle of 254.7 degrees, a saturation of 85.6% and a lightness of 64.5%. #7d57f2 color hex could be obtained by blending #faaeff with #0000e5. Closest websafe color is: #6666ff.

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

● #7d57f2 color description : Soft blue.

The hexadecimal color #7d57f2 has RGB values of R:125, G:87, B:242 and CMYK values of C:0.48, M:0.64, Y:0, K:0.05. Its decimal value is 8214514.

Hex triplet	7d57f2	`#7d57f2`
RGB Decimal	125, 87, 242	`rgb(125,87,242)`
RGB Percent	49, 34.1, 94.9	`rgb(49%,34.1%,94.9%)`
CMYK	48, 64, 0, 5
HSL	254.7°, 85.6, 64.5	`hsl(254.7,85.6%,64.5%)`
HSV (or HSB)	254.7°, 64, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.991, 52.122, -72.767
XYZ	27.89, 17.587, 85.925
xyY	0.212, 0.134, 17.587
CIE-LCH	48.991, 89.508, 305.614
CIE-LUV	48.991, 3.307, -114.813
Hunter-Lab	41.936, 45.322, -92.125
Binary	01111101, 01010111, 11110010

#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#ccf257
```
#ccf257 rgb(204,242,87)
```

Complementary Color

#577ff2
```
#577ff2 rgb(87,127,242)
```
#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#cb57f2
```
#cb57f2 rgb(203,87,242)
```

Analogous Color

#7ff257
```
#7ff257 rgb(127,242,87)
```
#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#f2cb57
```
#f2cb57 rgb(242,203,87)
```

Split Complementary Color

#57f27d
```
#57f27d rgb(87,242,125)
```
#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#f27d57
```
#f27d57 rgb(242,125,87)
```

Triadic Color

#57ccf2
```
#57ccf2 rgb(87,204,242)
```
#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#f27d57
```
#f27d57 rgb(242,125,87)
```
#ccf257
```
#ccf257 rgb(204,242,87)
```

Tetradic Color

#4712ea
```
#4712ea rgb(71,18,234)
```
#5828ee
```
#5828ee rgb(88,40,238)
```
#6b3ff0
```
#6b3ff0 rgb(107,63,240)
```
#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#8f6ff4
```
#8f6ff4 rgb(143,111,244)
```
#a286f6
```
#a286f6 rgb(162,134,246)
```
#b49ef7
```
#b49ef7 rgb(180,158,247)
```

Monochromatic Color

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

#5758f2
```
#5758f2 rgb(87,88,242)
```
#6357f2
```
#6357f2 rgb(99,87,242)
```
#7057f2
```
#7057f2 rgb(112,87,242)
```
#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#8a57f2
```
#8a57f2 rgb(138,87,242)
```
#9757f2
```
#9757f2 rgb(151,87,242)
```
#a457f2
```
#a457f2 rgb(164,87,242)
```

Similar Colors

Text with hexadecimal color #7d57f2

This text has a font color of #7d57f2.

<span style="color:#7d57f2;">Text here</span>

#7d57f2 background color

This paragraph has a background color of #7d57f2.

<p style="background-color:#7d57f2;">Content here</p>

#7d57f2 border color

This element has a border color of #7d57f2.

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

CSS codes

.text {color:#7d57f2;}

.background {background-color:#7d57f2;}

.border {border:1px solid #7d57f2;}

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, #04010e is the darkest color, while #fcfbff is the lightest one.

#04010e
```
#04010e rgb(4,1,14)
```
#0a0220
```
#0a0220 rgb(10,2,32)
```
#0f0432
```
#0f0432 rgb(15,4,50)
```
#150545
```
#150545 rgb(21,5,69)
```
#1a0757
```
#1a0757 rgb(26,7,87)
```
#200869
```
#200869 rgb(32,8,105)
```
#250a7b
```
#250a7b rgb(37,10,123)
```
#2b0b8e
```
#2b0b8e rgb(43,11,142)
```
#300ca0
```
#300ca0 rgb(48,12,160)
```
#360eb2
```
#360eb2 rgb(54,14,178)
```
#3c0fc4
```
#3c0fc4 rgb(60,15,196)
```
#4111d6
```
#4111d6 rgb(65,17,214)
```
#4712e9
```
#4712e9 rgb(71,18,233)
```

Shade Color Variation

#5320ee
```
#5320ee rgb(83,32,238)
```
#6133ef
```
#6133ef rgb(97,51,239)
```
#6f45f1
```
#6f45f1 rgb(111,69,241)
```
#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#8b69f3
```
#8b69f3 rgb(139,105,243)
```
#997bf5
```
#997bf5 rgb(153,123,245)
```
#a78ef6
```
#a78ef6 rgb(167,142,246)
```
#b5a0f8
```
#b5a0f8 rgb(181,160,248)
```
#c3b2f9
```
#c3b2f9 rgb(195,178,249)
```
#d2c4fa
```
#d2c4fa rgb(210,196,250)
```
#e0d6fc
```
#e0d6fc rgb(224,214,252)
```
#eee9fd
```
#eee9fd rgb(238,233,253)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#a4a4a5
```
#a4a4a5 rgb(164,164,165)
```
#a09dac
```
#a09dac rgb(160,157,172)
```
#9d96b3
```
#9d96b3 rgb(157,150,179)
```
#998fba
```
#998fba rgb(153,143,186)
```
#9688c1
```
#9688c1 rgb(150,136,193)
```
#9281c8
```
#9281c8 rgb(146,129,200)
```
#8f7acf
```
#8f7acf rgb(143,122,207)
```
#8b73d6
```
#8b73d6 rgb(139,115,214)
```
#886cdd
```
#886cdd rgb(136,108,221)
```
#8465e4
```
#8465e4 rgb(132,101,228)
```
#815eeb
```
#815eeb rgb(129,94,235)
```
#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#7950f9
```
#7950f9 rgb(121,80,249)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#766e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#007ece Deuteranopia 1% of men
#5d818a Tritanopia 0.001% of the population

Trichromacy

#2d6bed Protanomaly 1% of men, 0.01% of women
#2d70db Deuteranomaly 6% of men, 0.4% of women
#6871b0 Tritanomaly 0.01% of the population

#7d57f2 hex color

#7d57f2 Color Information

#7d57f2 Color Conversion

Color Schemes with #7d57f2

Alternatives to #7d57f2

#7d57f2 Preview

Shades and Tints of #7d57f2

Tones of #7d57f2

Color Blindness Simulator