#7566fd hex color

In a RGB color space, hex #7566fd is composed of 45.9% red, 40% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 59.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 246 degrees, a saturation of 97.4% and a lightness of 69.6%. #7566fd color hex could be obtained by blending #eaccff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 46
- G 40
- B 99
RGB color chart
- C 54
- M 60
- Y 0
- K 1
CMYK color chart

● #7566fd color description : Soft blue.

The hexadecimal color #7566fd has RGB values of R:117, G:102, B:253 and CMYK values of C:0.54, M:0.6, Y:0, K:0.01. Its decimal value is 7694077.

Hex triplet	7566fd	`#7566fd`
RGB Decimal	117, 102, 253	`rgb(117,102,253)`
RGB Percent	45.9, 40, 99.2	`rgb(45.9%,40%,99.2%)`
CMYK	54, 60, 0, 1
HSL	246°, 97.4, 69.6	`hsl(246,97.4%,69.6%)`
HSV (or HSB)	246°, 59.7, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.259, 45.506, -73.613
XYZ	29.814, 20.376, 95.285
xyY	0.205, 0.14, 20.376
CIE-LCH	52.259, 86.543, 301.723
CIE-LUV	52.259, -4.006, -117.655
Hunter-Lab	45.139, 38.903, -93.559
Binary	01110101, 01100110, 11111101

#7566fd
```
#7566fd rgb(117,102,253)
```
#eefd66
```
#eefd66 rgb(238,253,102)
```

Complementary Color

#66a3fd
```
#66a3fd rgb(102,163,253)
```
#7566fd
```
#7566fd rgb(117,102,253)
```
#c166fd
```
#c166fd rgb(193,102,253)
```

Analogous Color

#a3fd66
```
#a3fd66 rgb(163,253,102)
```
#7566fd
```
#7566fd rgb(117,102,253)
```
#fdc166
```
#fdc166 rgb(253,193,102)
```

Split Complementary Color

#66fd75
```
#66fd75 rgb(102,253,117)
```
#7566fd
```
#7566fd rgb(117,102,253)
```
#fd7566
```
#fd7566 rgb(253,117,102)
```

Triadic Color

#66eefd
```
#66eefd rgb(102,238,253)
```
#7566fd
```
#7566fd rgb(117,102,253)
```
#fd7566
```
#fd7566 rgb(253,117,102)
```
#eefd66
```
#eefd66 rgb(238,253,102)
```

Tetradic Color

#311afc
```
#311afc rgb(49,26,252)
```
#4834fc
```
#4834fc rgb(72,52,252)
```
#5e4dfd
```
#5e4dfd rgb(94,77,253)
```
#7566fd
```
#7566fd rgb(117,102,253)
```
#8c7ffd
```
#8c7ffd rgb(140,127,253)
```
#a298fe
```
#a298fe rgb(162,152,254)
```
#b9b2fe
```
#b9b2fe rgb(185,178,254)
```

Monochromatic Color

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

#667dfd
```
#667dfd rgb(102,125,253)
```
#6670fd
```
#6670fd rgb(102,112,253)
```
#6866fd
```
#6866fd rgb(104,102,253)
```
#7566fd
```
#7566fd rgb(117,102,253)
```
#8266fd
```
#8266fd rgb(130,102,253)
```
#8e66fd
```
#8e66fd rgb(142,102,253)
```
#9b66fd
```
#9b66fd rgb(155,102,253)
```

Similar Colors

Text with hexadecimal color #7566fd

This text has a font color of #7566fd.

<span style="color:#7566fd;">Text here</span>

#7566fd background color

This paragraph has a background color of #7566fd.

<p style="background-color:#7566fd;">Content here</p>

#7566fd border color

This element has a border color of #7566fd.

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

CSS codes

.text {color:#7566fd;}

.background {background-color:#7566fd;}

.border {border:1px solid #7566fd;}

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

#000002
```
#000002 rgb(0,0,2)
```
#020015
```
#020015 rgb(2,0,21)
```
#050129
```
#050129 rgb(5,1,41)
```
#07013c
```
#07013c rgb(7,1,60)
```
#09014f
```
#09014f rgb(9,1,79)
```
#0b0163
```
#0b0163 rgb(11,1,99)
```
#0d0276
```
#0d0276 rgb(13,2,118)
```
#0f0289
```
#0f0289 rgb(15,2,137)
```
#11029d
```
#11029d rgb(17,2,157)
```
#1402b0
```
#1402b0 rgb(20,2,176)
```
#1603c4
```
#1603c4 rgb(22,3,196)
```
#1803d7
```
#1803d7 rgb(24,3,215)
```
#1a03ea
```
#1a03ea rgb(26,3,234)
```

Shade Color Variation

#1e05fc
```
#1e05fc rgb(30,5,252)
```
#2f19fc
```
#2f19fc rgb(47,25,252)
```
#412cfc
```
#412cfc rgb(65,44,252)
```
#523ffc
```
#523ffc rgb(82,63,252)
```
#6453fd
```
#6453fd rgb(100,83,253)
```
#7566fd
```
#7566fd rgb(117,102,253)
```
#8679fd
```
#8679fd rgb(134,121,253)
```
#988dfe
```
#988dfe rgb(152,141,254)
```
#a9a0fe
```
#a9a0fe rgb(169,160,254)
```
#bbb3fe
```
#bbb3fe rgb(187,179,254)
```
#ccc7fe
```
#ccc7fe rgb(204,199,254)
```
#dedaff
```
#dedaff rgb(222,218,255)
```
#efeeff
```
#efeeff rgb(239,238,255)
```

Tint Color Variation

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

#aeaeb5
```
#aeaeb5 rgb(174,174,181)
```
#aaa8bb
```
#aaa8bb rgb(170,168,187)
```
#a5a2c1
```
#a5a2c1 rgb(165,162,193)
```
#a09cc7
```
#a09cc7 rgb(160,156,199)
```
#9b96cd
```
#9b96cd rgb(155,150,205)
```
#9690d3
```
#9690d3 rgb(150,144,211)
```
#928ad9
```
#928ad9 rgb(146,138,217)
```
#8d84df
```
#8d84df rgb(141,132,223)
```
#887ee5
```
#887ee5 rgb(136,126,229)
```
#8378eb
```
#8378eb rgb(131,120,235)
```
#7f72f1
```
#7f72f1 rgb(127,114,241)
```
#7a6cf7
```
#7a6cf7 rgb(122,108,247)
```
#7566fd
```
#7566fd rgb(117,102,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#7b7896 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086db Deuteranopia 1% of men
#4c8c96 Tritanopia 0.001% of the population

Trichromacy

#2a76fa Protanomaly 1% of men, 0.01% of women
#2a7ae7 Deuteranomaly 6% of men, 0.4% of women
#5b7ebc Tritanomaly 0.01% of the population

#7566fd hex color

#7566fd Color Information

#7566fd Color Conversion

Color Schemes with #7566fd

Alternatives to #7566fd

#7566fd Preview

Shades and Tints of #7566fd

Tones of #7566fd

Color Blindness Simulator