#7454ff hex color

In a RGB color space, hex #7454ff is composed of 45.5% red, 32.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 67.1% magenta, 0% yellow and 0% black. It has a hue angle of 251.2 degrees, a saturation of 100% and a lightness of 66.5%. #7454ff color hex could be obtained by blending #e8a8ff with #0000ff. Closest websafe color is: #6666ff.

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

● #7454ff color description : Light blue.

The hexadecimal color #7454ff has RGB values of R:116, G:84, B:255 and CMYK values of C:0.55, M:0.67, Y:0, K:0. Its decimal value is 7623935.

Hex triplet	7454ff	`#7454ff`
RGB Decimal	116, 84, 255	`rgb(116,84,255)`
RGB Percent	45.5, 32.9, 100	`rgb(45.5%,32.9%,100%)`
CMYK	55, 67, 0, 0
HSL	251.2°, 100, 66.5	`hsl(251.2,100%,66.5%)`
HSV (or HSB)	251.2°, 67.1, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.602, 55.889, -80.688
XYZ	28.419, 17.273, 96.439
xyY	0.2, 0.122, 17.273
CIE-LCH	48.602, 98.153, 304.709
CIE-LUV	48.602, -0.484, -125.63
Hunter-Lab	41.561, 49.329, -108.486
Binary	01110100, 01010100, 11111111

#7454ff
```
#7454ff rgb(116,84,255)
```
#dfff54
```
#dfff54 rgb(223,255,84)
```

Complementary Color

#548aff
```
#548aff rgb(84,138,255)
```
#7454ff
```
#7454ff rgb(116,84,255)
```
#ca54ff
```
#ca54ff rgb(202,84,255)
```

Analogous Color

#8aff54
```
#8aff54 rgb(138,255,84)
```
#7454ff
```
#7454ff rgb(116,84,255)
```
#ffca54
```
#ffca54 rgb(255,202,84)
```

Split Complementary Color

#54ff74
```
#54ff74 rgb(84,255,116)
```
#7454ff
```
#7454ff rgb(116,84,255)
```
#ff7454
```
#ff7454 rgb(255,116,84)
```

Triadic Color

#54dfff
```
#54dfff rgb(84,223,255)
```
#7454ff
```
#7454ff rgb(116,84,255)
```
#ff7454
```
#ff7454 rgb(255,116,84)
```
#dfff54
```
#dfff54 rgb(223,255,84)
```

Tetradic Color

#3607ff
```
#3607ff rgb(54,7,255)
```
#4b21ff
```
#4b21ff rgb(75,33,255)
```
#5f3bff
```
#5f3bff rgb(95,59,255)
```
#7454ff
```
#7454ff rgb(116,84,255)
```
#896eff
```
#896eff rgb(137,110,255)
```
#9d87ff
```
#9d87ff rgb(157,135,255)
```
#b2a1ff
```
#b2a1ff rgb(178,161,255)
```

Monochromatic Color

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

#545fff
```
#545fff rgb(84,95,255)
```
#5854ff
```
#5854ff rgb(88,84,255)
```
#6654ff
```
#6654ff rgb(102,84,255)
```
#7454ff
```
#7454ff rgb(116,84,255)
```
#8254ff
```
#8254ff rgb(130,84,255)
```
#9154ff
```
#9154ff rgb(145,84,255)
```
#9f54ff
```
#9f54ff rgb(159,84,255)
```

Similar Colors

Text with hexadecimal color #7454ff

This text has a font color of #7454ff.

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

#7454ff background color

This paragraph has a background color of #7454ff.

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

#7454ff border color

This element has a border color of #7454ff.

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

CSS codes

.text {color:#7454ff;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#050019
```
#050019 rgb(5,0,25)
```
#08002d
```
#08002d rgb(8,0,45)
```
#0c0040
```
#0c0040 rgb(12,0,64)
```
#100054
```
#100054 rgb(16,0,84)
```
#130068
```
#130068 rgb(19,0,104)
```
#17007b
```
#17007b rgb(23,0,123)
```
#1b008f
```
#1b008f rgb(27,0,143)
```
#1e00a2
```
#1e00a2 rgb(30,0,162)
```
#2200b6
```
#2200b6 rgb(34,0,182)
```
#2600ca
```
#2600ca rgb(38,0,202)
```
#2900dd
```
#2900dd rgb(41,0,221)
```
#2d00f1
```
#2d00f1 rgb(45,0,241)
```

Shade Color Variation

#3406ff
```
#3406ff rgb(52,6,255)
```
#4419ff
```
#4419ff rgb(68,25,255)
```
#542dff
```
#542dff rgb(84,45,255)
```
#6440ff
```
#6440ff rgb(100,64,255)
```
#7454ff
```
#7454ff rgb(116,84,255)
```
#8468ff
```
#8468ff rgb(132,104,255)
```
#947bff
```
#947bff rgb(148,123,255)
```
#a48fff
```
#a48fff rgb(164,143,255)
```
#b4a2ff
```
#b4a2ff rgb(180,162,255)
```
#c4b6ff
```
#c4b6ff rgb(196,182,255)
```
#d4caff
```
#d4caff rgb(212,202,255)
```
#e4ddff
```
#e4ddff rgb(228,221,255)
```
#f4f1ff
```
#f4f1ff rgb(244,241,255)
```

Tint Color Variation

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

#a5a3b0
```
#a5a3b0 rgb(165,163,176)
```
#a19cb7
```
#a19cb7 rgb(161,156,183)
```
#9d96bd
```
#9d96bd rgb(157,150,189)
```
#998fc4
```
#998fc4 rgb(153,143,196)
```
#9589ca
```
#9589ca rgb(149,137,202)
```
#9182d1
```
#9182d1 rgb(145,130,209)
```
#8d7bd8
```
#8d7bd8 rgb(141,123,216)
```
#8975de
```
#8975de rgb(137,117,222)
```
#846ee5
```
#846ee5 rgb(132,110,229)
```
#8068eb
```
#8068eb rgb(128,104,235)
```
#7c61f2
```
#7c61f2 rgb(124,97,242)
```
#785bf8
```
#785bf8 rgb(120,91,248)
```
#7454ff
```
#7454ff rgb(116,84,255)
```

Tone Color Variation

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

#0077e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#43838d Tritanopia 0.001% of the population

Trichromacy

#2a6af0 Protanomaly 1% of men, 0.01% of women
#2a6ede Deuteranomaly 6% of men, 0.4% of women
#5572b6 Tritanomaly 0.01% of the population

#7454ff hex color

#7454ff Color Information

#7454ff Color Conversion

Color Schemes with #7454ff

Alternatives to #7454ff

#7454ff Preview

Shades and Tints of #7454ff

Tones of #7454ff

Color Blindness Simulator