#7564fd hex color

In a RGB color space, hex #7564fd is composed of 45.9% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 246.7 degrees, a saturation of 97.5% and a lightness of 69.2%. #7564fd color hex could be obtained by blending #eac8ff with #0000fb. Closest websafe color is: #6666ff.

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

● #7564fd color description : Soft blue.

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

Hex triplet	7564fd	`#7564fd`
RGB Decimal	117, 100, 253	`rgb(117,100,253)`
RGB Percent	45.9, 39.2, 99.2	`rgb(45.9%,39.2%,99.2%)`
CMYK	54, 60, 0, 1
HSL	246.7°, 97.5, 69.2	`hsl(246.7,97.5%,69.2%)`
HSV (or HSB)	246.7°, 60.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.823, 46.648, -74.322
XYZ	29.62, 19.987, 95.22
xyY	0.205, 0.138, 19.987
CIE-LCH	51.823, 87.749, 302.114
CIE-LUV	51.823, -3.517, -118.492
Hunter-Lab	44.707, 40.024, -94.985
Binary	01110101, 01100100, 11111101

#7564fd
```
#7564fd rgb(117,100,253)
```
#ecfd64
```
#ecfd64 rgb(236,253,100)
```

Complementary Color

#64a0fd
```
#64a0fd rgb(100,160,253)
```
#7564fd
```
#7564fd rgb(117,100,253)
```
#c264fd
```
#c264fd rgb(194,100,253)
```

Analogous Color

#a0fd64
```
#a0fd64 rgb(160,253,100)
```
#7564fd
```
#7564fd rgb(117,100,253)
```
#fdc264
```
#fdc264 rgb(253,194,100)
```

Split Complementary Color

#64fd75
```
#64fd75 rgb(100,253,117)
```
#7564fd
```
#7564fd rgb(117,100,253)
```
#fd7564
```
#fd7564 rgb(253,117,100)
```

Triadic Color

#64ecfd
```
#64ecfd rgb(100,236,253)
```
#7564fd
```
#7564fd rgb(117,100,253)
```
#fd7564
```
#fd7564 rgb(253,117,100)
```
#ecfd64
```
#ecfd64 rgb(236,253,100)
```

Tetradic Color

#3218fc
```
#3218fc rgb(50,24,252)
```
#4832fc
```
#4832fc rgb(72,50,252)
```
#5f4bfd
```
#5f4bfd rgb(95,75,253)
```
#7564fd
```
#7564fd rgb(117,100,253)
```
#8b7dfd
```
#8b7dfd rgb(139,125,253)
```
#a296fe
```
#a296fe rgb(162,150,254)
```
#b8b0fe
```
#b8b0fe rgb(184,176,254)
```

Monochromatic Color

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

#6479fd
```
#6479fd rgb(100,121,253)
```
#646dfd
```
#646dfd rgb(100,109,253)
```
#6864fd
```
#6864fd rgb(104,100,253)
```
#7564fd
```
#7564fd rgb(117,100,253)
```
#8264fd
```
#8264fd rgb(130,100,253)
```
#8f64fd
```
#8f64fd rgb(143,100,253)
```
#9b64fd
```
#9b64fd rgb(155,100,253)
```

Similar Colors

Text with hexadecimal color #7564fd

This text has a font color of #7564fd.

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

#7564fd background color

This paragraph has a background color of #7564fd.

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

#7564fd border color

This element has a border color of #7564fd.

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

CSS codes

.text {color:#7564fd;}

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

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

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

#020013
```
#020013 rgb(2,0,19)
```
#050027
```
#050027 rgb(5,0,39)
```
#07013a
```
#07013a rgb(7,1,58)
```
#09014d
```
#09014d rgb(9,1,77)
```
#0c0161
```
#0c0161 rgb(12,1,97)
```
#0e0174
```
#0e0174 rgb(14,1,116)
```
#110287
```
#110287 rgb(17,2,135)
```
#13029b
```
#13029b rgb(19,2,155)
```
#1502ae
```
#1502ae rgb(21,2,174)
```
#1802c2
```
#1802c2 rgb(24,2,194)
```
#1a03d5
```
#1a03d5 rgb(26,3,213)
```
#1c03e8
```
#1c03e8 rgb(28,3,232)
```
#1f03fc
```
#1f03fc rgb(31,3,252)
```

Shade Color Variation

#3017fc
```
#3017fc rgb(48,23,252)
```
#412afc
```
#412afc rgb(65,42,252)
```
#533dfd
```
#533dfd rgb(83,61,253)
```
#6451fd
```
#6451fd rgb(100,81,253)
```
#7564fd
```
#7564fd rgb(117,100,253)
```
#8677fd
```
#8677fd rgb(134,119,253)
```
#978bfd
```
#978bfd rgb(151,139,253)
```
#a99efe
```
#a99efe rgb(169,158,254)
```
#bab1fe
```
#bab1fe rgb(186,177,254)
```
#cbc5fe
```
#cbc5fe rgb(203,197,254)
```
#dcd8fe
```
#dcd8fe rgb(220,216,254)
```
#eeecff
```
#eeecff rgb(238,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#adacb5
```
#adacb5 rgb(173,172,181)
```
#a9a6bb
```
#a9a6bb rgb(169,166,187)
```
#a4a0c1
```
#a4a0c1 rgb(164,160,193)
```
#9f9ac7
```
#9f9ac7 rgb(159,154,199)
```
#9b94cd
```
#9b94cd rgb(155,148,205)
```
#968ed3
```
#968ed3 rgb(150,142,211)
```
#9188d9
```
#9188d9 rgb(145,136,217)
```
#8c82df
```
#8c82df rgb(140,130,223)
```
#887ce5
```
#887ce5 rgb(136,124,229)
```
#8376eb
```
#8376eb rgb(131,118,235)
```
#7e70f1
```
#7e70f1 rgb(126,112,241)
```
#7a6af7
```
#7a6af7 rgb(122,106,247)
```
#7564fd
```
#7564fd rgb(117,100,253)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#7a7695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef7 Protanopia 1% of men
#0085d9 Deuteranopia 1% of men
#4b8b95 Tritanopia 0.001% of the population

Trichromacy

#2a74f9 Protanomaly 1% of men, 0.01% of women
#2a79e6 Deuteranomaly 6% of men, 0.4% of women
#5a7dbb Tritanomaly 0.01% of the population

#7564fd hex color

#7564fd Color Information

#7564fd Color Conversion

Color Schemes with #7564fd

Alternatives to #7564fd

#7564fd Preview

Shades and Tints of #7564fd

Tones of #7564fd

Color Blindness Simulator