#7454fd hex color

In a RGB color space, hex #7454fd is composed of 45.5% red, 32.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 66.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 251.4 degrees, a saturation of 97.7% and a lightness of 66.1%. #7454fd color hex could be obtained by blending #e8a8ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 45
- G 33
- B 99
RGB color chart
- C 54
- M 67
- Y 0
- K 1
CMYK color chart

● #7454fd color description : Soft blue.

The hexadecimal color #7454fd has RGB values of R:116, G:84, B:253 and CMYK values of C:0.54, M:0.67, Y:0, K:0.01. Its decimal value is 7623933.

Hex triplet	7454fd	`#7454fd`
RGB Decimal	116, 84, 253	`rgb(116,84,253)`
RGB Percent	45.5, 32.9, 99.2	`rgb(45.5%,32.9%,99.2%)`
CMYK	54, 67, 0, 1
HSL	251.4°, 97.7, 66.1	`hsl(251.4,97.7%,66.1%)`
HSV (or HSB)	251.4°, 66.8, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.442, 55.318, -79.837
XYZ	28.099, 17.145, 94.752
xyY	0.201, 0.122, 17.145
CIE-LCH	48.442, 97.129, 304.718
CIE-LUV	48.442, -0.308, -124.314
Hunter-Lab	41.406, 48.673, -106.692
Binary	01110100, 01010100, 11111101

#7454fd
```
#7454fd rgb(116,84,253)
```
#ddfd54
```
#ddfd54 rgb(221,253,84)
```

Complementary Color

#5489fd
```
#5489fd rgb(84,137,253)
```
#7454fd
```
#7454fd rgb(116,84,253)
```
#c954fd
```
#c954fd rgb(201,84,253)
```

Analogous Color

#89fd54
```
#89fd54 rgb(137,253,84)
```
#7454fd
```
#7454fd rgb(116,84,253)
```
#fdc954
```
#fdc954 rgb(253,201,84)
```

Split Complementary Color

#54fd74
```
#54fd74 rgb(84,253,116)
```
#7454fd
```
#7454fd rgb(116,84,253)
```
#fd7454
```
#fd7454 rgb(253,116,84)
```

Triadic Color

#54ddfd
```
#54ddfd rgb(84,221,253)
```
#7454fd
```
#7454fd rgb(116,84,253)
```
#fd7454
```
#fd7454 rgb(253,116,84)
```
#ddfd54
```
#ddfd54 rgb(221,253,84)
```

Tetradic Color

#3708fc
```
#3708fc rgb(55,8,252)
```
#4b22fc
```
#4b22fc rgb(75,34,252)
```
#603bfd
```
#603bfd rgb(96,59,253)
```
#7454fd
```
#7454fd rgb(116,84,253)
```
#886dfd
```
#886dfd rgb(136,109,253)
```
#9d86fe
```
#9d86fe rgb(157,134,254)
```
#b1a0fe
```
#b1a0fe rgb(177,160,254)
```

Monochromatic Color

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

#545efd
```
#545efd rgb(84,94,253)
```
#5854fd
```
#5854fd rgb(88,84,253)
```
#6654fd
```
#6654fd rgb(102,84,253)
```
#7454fd
```
#7454fd rgb(116,84,253)
```
#8254fd
```
#8254fd rgb(130,84,253)
```
#9054fd
```
#9054fd rgb(144,84,253)
```
#9e54fd
```
#9e54fd rgb(158,84,253)
```

Similar Colors

Text with hexadecimal color #7454fd

This text has a font color of #7454fd.

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

#7454fd background color

This paragraph has a background color of #7454fd.

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

#7454fd border color

This element has a border color of #7454fd.

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

CSS codes

.text {color:#7454fd;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#050017
```
#050017 rgb(5,0,23)
```
#08002a
```
#08002a rgb(8,0,42)
```
#0c013e
```
#0c013e rgb(12,1,62)
```
#100151
```
#100151 rgb(16,1,81)
```
#140164
```
#140164 rgb(20,1,100)
```
#180178
```
#180178 rgb(24,1,120)
```
#1c028b
```
#1c028b rgb(28,2,139)
```
#20029f
```
#20029f rgb(32,2,159)
```
#2302b2
```
#2302b2 rgb(35,2,178)
```
#2702c5
```
#2702c5 rgb(39,2,197)
```
#2b03d9
```
#2b03d9 rgb(43,3,217)
```
#2f03ec
```
#2f03ec rgb(47,3,236)
```

Shade Color Variation

#3506fc
```
#3506fc rgb(53,6,252)
```
#451afc
```
#451afc rgb(69,26,252)
```
#542dfd
```
#542dfd rgb(84,45,253)
```
#6441fd
```
#6441fd rgb(100,65,253)
```
#7454fd
```
#7454fd rgb(116,84,253)
```
#8467fd
```
#8467fd rgb(132,103,253)
```
#947bfd
```
#947bfd rgb(148,123,253)
```
#a38efe
```
#a38efe rgb(163,142,254)
```
#b3a2fe
```
#b3a2fe rgb(179,162,254)
```
#c3b5fe
```
#c3b5fe rgb(195,181,254)
```
#d3c8fe
```
#d3c8fe rgb(211,200,254)
```
#e2dcff
```
#e2dcff rgb(226,220,255)
```
#f2efff
```
#f2efff rgb(242,239,255)
```

Tint Color Variation

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

#a6a4ad
```
#a6a4ad rgb(166,164,173)
```
#a19db4
```
#a19db4 rgb(161,157,180)
```
#9d97ba
```
#9d97ba rgb(157,151,186)
```
#9990c1
```
#9990c1 rgb(153,144,193)
```
#9589c8
```
#9589c8 rgb(149,137,200)
```
#9183ce
```
#9183ce rgb(145,131,206)
```
#8d7cd5
```
#8d7cd5 rgb(141,124,213)
```
#8975dc
```
#8975dc rgb(137,117,220)
```
#856fe2
```
#856fe2 rgb(133,111,226)
```
#8068e9
```
#8068e9 rgb(128,104,233)
```
#7c61f0
```
#7c61f0 rgb(124,97,240)
```
#785bf6
```
#785bf6 rgb(120,91,246)
```
#7454fd
```
#7454fd rgb(116,84,253)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#726b8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#45838c Tritanopia 0.001% of the population

Trichromacy

#2a6aef Protanomaly 1% of men, 0.01% of women
#2a6edc Deuteranomaly 6% of men, 0.4% of women
#5671b5 Tritanomaly 0.01% of the population

#7454fd hex color

#7454fd Color Information

#7454fd Color Conversion

Color Schemes with #7454fd

Alternatives to #7454fd

#7454fd Preview

Shades and Tints of #7454fd

Tones of #7454fd

Color Blindness Simulator