#7554ff hex color

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

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

● #7554ff color description : Light blue.

The hexadecimal color #7554ff has RGB values of R:117, G:84, B:255 and CMYK values of C:0.54, M:0.67, Y:0, K:0. Its decimal value is 7689471.

Hex triplet	7554ff	`#7554ff`
RGB Decimal	117, 84, 255	`rgb(117,84,255)`
RGB Percent	45.9, 32.9, 100	`rgb(45.9%,32.9%,100%)`
CMYK	54, 67, 0, 0
HSL	251.6°, 100, 66.5	`hsl(251.6,100%,66.5%)`
HSV (or HSB)	251.6°, 67.1, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.688, 56.042, -80.544
XYZ	28.553, 17.342, 96.445
xyY	0.201, 0.122, 17.342
CIE-LCH	48.688, 98.123, 304.83
CIE-LUV	48.688, -0.155, -125.522
Hunter-Lab	41.643, 49.514, -108.164
Binary	01110101, 01010100, 11111111

#7554ff
```
#7554ff rgb(117,84,255)
```
#deff54
```
#deff54 rgb(222,255,84)
```

Complementary Color

#5489ff
```
#5489ff rgb(84,137,255)
```
#7554ff
```
#7554ff rgb(117,84,255)
```
#cb54ff
```
#cb54ff rgb(203,84,255)
```

Analogous Color

#89ff54
```
#89ff54 rgb(137,255,84)
```
#7554ff
```
#7554ff rgb(117,84,255)
```
#ffcb54
```
#ffcb54 rgb(255,203,84)
```

Split Complementary Color

#54ff75
```
#54ff75 rgb(84,255,117)
```
#7554ff
```
#7554ff rgb(117,84,255)
```
#ff7554
```
#ff7554 rgb(255,117,84)
```

Triadic Color

#54deff
```
#54deff rgb(84,222,255)
```
#7554ff
```
#7554ff rgb(117,84,255)
```
#ff7554
```
#ff7554 rgb(255,117,84)
```
#deff54
```
#deff54 rgb(222,255,84)
```

Tetradic Color

#3707ff
```
#3707ff rgb(55,7,255)
```
#4c21ff
```
#4c21ff rgb(76,33,255)
```
#603bff
```
#603bff rgb(96,59,255)
```
#7554ff
```
#7554ff rgb(117,84,255)
```
#8a6eff
```
#8a6eff rgb(138,110,255)
```
#9e87ff
```
#9e87ff rgb(158,135,255)
```
#b3a1ff
```
#b3a1ff rgb(179,161,255)
```

Monochromatic Color

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

#545eff
```
#545eff rgb(84,94,255)
```
#5854ff
```
#5854ff rgb(88,84,255)
```
#6754ff
```
#6754ff rgb(103,84,255)
```
#7554ff
```
#7554ff rgb(117,84,255)
```
#8354ff
```
#8354ff rgb(131,84,255)
```
#9254ff
```
#9254ff rgb(146,84,255)
```
#a054ff
```
#a054ff rgb(160,84,255)
```

Similar Colors

Text with hexadecimal color #7554ff

This text has a font color of #7554ff.

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

#7554ff background color

This paragraph has a background color of #7554ff.

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

#7554ff border color

This element has a border color of #7554ff.

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

CSS codes

.text {color:#7554ff;}

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

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

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)
```
#09002d
```
#09002d rgb(9,0,45)
```
#0c0040
```
#0c0040 rgb(12,0,64)
```
#100054
```
#100054 rgb(16,0,84)
```
#140068
```
#140068 rgb(20,0,104)
```
#18007b
```
#18007b rgb(24,0,123)
```
#1c008f
```
#1c008f rgb(28,0,143)
```
#1f00a2
```
#1f00a2 rgb(31,0,162)
```
#2300b6
```
#2300b6 rgb(35,0,182)
```
#2700ca
```
#2700ca rgb(39,0,202)
```
#2b00dd
```
#2b00dd rgb(43,0,221)
```
#2e00f1
```
#2e00f1 rgb(46,0,241)
```

Shade Color Variation

#3606ff
```
#3606ff rgb(54,6,255)
```
#4619ff
```
#4619ff rgb(70,25,255)
```
#552dff
```
#552dff rgb(85,45,255)
```
#6540ff
```
#6540ff rgb(101,64,255)
```
#7554ff
```
#7554ff rgb(117,84,255)
```
#8568ff
```
#8568ff rgb(133,104,255)
```
#957bff
```
#957bff rgb(149,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 #7554ff 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)
```
#856ee5
```
#856ee5 rgb(133,110,229)
```
#8168eb
```
#8168eb rgb(129,104,235)
```
#7d61f2
```
#7d61f2 rgb(125,97,242)
```
#795bf8
```
#795bf8 rgb(121,91,248)
```
#7554ff
```
#7554ff rgb(117,84,255)
```

Tone Color Variation

Below, you can see how #7554ff 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
#45838d 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
#5672b6 Tritanomaly 0.01% of the population

#7554ff hex color

#7554ff Color Information

#7554ff Color Conversion

Color Schemes with #7554ff

Alternatives to #7554ff

#7554ff Preview

Shades and Tints of #7554ff

Tones of #7554ff

Color Blindness Simulator