#7657f0 hex color

In a RGB color space, hex #7657f0 is composed of 46.3% red, 34.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 63.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 252.2 degrees, a saturation of 83.6% and a lightness of 64.1%. #7657f0 color hex could be obtained by blending #ecaeff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 46
- G 34
- B 94
RGB color chart
- C 51
- M 64
- Y 0
- K 6
CMYK color chart

● #7657f0 color description : Soft blue.

The hexadecimal color #7657f0 has RGB values of R:118, G:87, B:240 and CMYK values of C:0.51, M:0.64, Y:0, K:0.06. Its decimal value is 7755760.

Hex triplet	7657f0	`#7657f0`
RGB Decimal	118, 87, 240	`rgb(118,87,240)`
RGB Percent	46.3, 34.1, 94.1	`rgb(46.3%,34.1%,94.1%)`
CMYK	51, 64, 0, 6
HSL	252.2°, 83.6, 64.1	`hsl(252.2,83.6%,64.1%)`
HSV (or HSB)	252.2°, 63.8, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.208, 50.314, -72.948
XYZ	26.605, 16.959, 84.305
xyY	0.208, 0.133, 16.959
CIE-LCH	48.208, 88.617, 304.595
CIE-LUV	48.208, 0.93, -114.35
Hunter-Lab	41.181, 43.253, -92.551
Binary	01110110, 01010111, 11110000

#7657f0
```
#7657f0 rgb(118,87,240)
```
#d1f057
```
#d1f057 rgb(209,240,87)
```

Complementary Color

#5785f0
```
#5785f0 rgb(87,133,240)
```
#7657f0
```
#7657f0 rgb(118,87,240)
```
#c357f0
```
#c357f0 rgb(195,87,240)
```

Analogous Color

#85f057
```
#85f057 rgb(133,240,87)
```
#7657f0
```
#7657f0 rgb(118,87,240)
```
#f0c357
```
#f0c357 rgb(240,195,87)
```

Split Complementary Color

#57f076
```
#57f076 rgb(87,240,118)
```
#7657f0
```
#7657f0 rgb(118,87,240)
```
#f07657
```
#f07657 rgb(240,118,87)
```

Triadic Color

#57d1f0
```
#57d1f0 rgb(87,209,240)
```
#7657f0
```
#7657f0 rgb(118,87,240)
```
#f07657
```
#f07657 rgb(240,118,87)
```
#d1f057
```
#d1f057 rgb(209,240,87)
```

Tetradic Color

#3f15e6
```
#3f15e6 rgb(63,21,230)
```
#5028ec
```
#5028ec rgb(80,40,236)
```
#6340ee
```
#6340ee rgb(99,64,238)
```
#7657f0
```
#7657f0 rgb(118,87,240)
```
#896ef2
```
#896ef2 rgb(137,110,242)
```
#9c86f4
```
#9c86f4 rgb(156,134,244)
```
#af9df6
```
#af9df6 rgb(175,157,246)
```

Monochromatic Color

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

#575ef0
```
#575ef0 rgb(87,94,240)
```
#5d57f0
```
#5d57f0 rgb(93,87,240)
```
#6957f0
```
#6957f0 rgb(105,87,240)
```
#7657f0
```
#7657f0 rgb(118,87,240)
```
#8357f0
```
#8357f0 rgb(131,87,240)
```
#9057f0
```
#9057f0 rgb(144,87,240)
```
#9c57f0
```
#9c57f0 rgb(156,87,240)
```

Similar Colors

Text with hexadecimal color #7657f0

This text has a font color of #7657f0.

<span style="color:#7657f0;">Text here</span>

#7657f0 background color

This paragraph has a background color of #7657f0.

<p style="background-color:#7657f0;">Content here</p>

#7657f0 border color

This element has a border color of #7657f0.

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

CSS codes

.text {color:#7657f0;}

.background {background-color:#7657f0;}

.border {border:1px solid #7657f0;}

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, #03010c is the darkest color, while #faf9fe is the lightest one.

#03010c
```
#03010c rgb(3,1,12)
```
#08031e
```
#08031e rgb(8,3,30)
```
#0d0430
```
#0d0430 rgb(13,4,48)
```
#120642
```
#120642 rgb(18,6,66)
```
#170854
```
#170854 rgb(23,8,84)
```
#1c0966
```
#1c0966 rgb(28,9,102)
```
#210b78
```
#210b78 rgb(33,11,120)
```
#260c8a
```
#260c8a rgb(38,12,138)
```
#2b0e9c
```
#2b0e9c rgb(43,14,156)
```
#3010ae
```
#3010ae rgb(48,16,174)
```
#3511c0
```
#3511c0 rgb(53,17,192)
```
#3a13d2
```
#3a13d2 rgb(58,19,210)
```
#3e14e4
```
#3e14e4 rgb(62,20,228)
```

Shade Color Variation

#4a21eb
```
#4a21eb rgb(74,33,235)
```
#5933ed
```
#5933ed rgb(89,51,237)
```
#6745ee
```
#6745ee rgb(103,69,238)
```
#7657f0
```
#7657f0 rgb(118,87,240)
```
#8569f2
```
#8569f2 rgb(133,105,242)
```
#937bf3
```
#937bf3 rgb(147,123,243)
```
#a28df5
```
#a28df5 rgb(162,141,245)
```
#b19ff6
```
#b19ff6 rgb(177,159,246)
```
#bfb1f8
```
#bfb1f8 rgb(191,177,248)
```
#cec3fa
```
#cec3fa rgb(206,195,250)
```
#ddd5fb
```
#ddd5fb rgb(221,213,251)
```
#ebe7fd
```
#ebe7fd rgb(235,231,253)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#a09daa
```
#a09daa rgb(160,157,170)
```
#9c96b1
```
#9c96b1 rgb(156,150,177)
```
#978fb8
```
#978fb8 rgb(151,143,184)
```
#9388bf
```
#9388bf rgb(147,136,191)
```
#8f81c6
```
#8f81c6 rgb(143,129,198)
```
#8b7acd
```
#8b7acd rgb(139,122,205)
```
#8773d4
```
#8773d4 rgb(135,115,212)
```
#836cdb
```
#836cdb rgb(131,108,219)
```
#7e65e2
```
#7e65e2 rgb(126,101,226)
```
#7a5ee9
```
#7a5ee9 rgb(122,94,233)
```
#7657f0
```
#7657f0 rgb(118,87,240)
```
#7250f7
```
#7250f7 rgb(114,80,247)
```
#6e49fe
```
#6e49fe rgb(110,73,254)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#736d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#53808a Tritanopia 0.001% of the population

Trichromacy

#2a6aea Protanomaly 1% of men, 0.01% of women
#2a6ed8 Deuteranomaly 6% of men, 0.4% of women
#5f71af Tritanomaly 0.01% of the population

#7657f0 hex color

#7657f0 Color Information

#7657f0 Color Conversion

Color Schemes with #7657f0

Alternatives to #7657f0

#7657f0 Preview

Shades and Tints of #7657f0

Tones of #7657f0

Color Blindness Simulator