#554ff7 hex color

In a RGB color space, hex #554ff7 is composed of 33.3% red, 31% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 68% magenta, 0% yellow and 3.1% black. It has a hue angle of 242.1 degrees, a saturation of 91.3% and a lightness of 63.9%. #554ff7 color hex could be obtained by blending #aa9eff with #0000ef. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 31
- B 97
RGB color chart
- C 66
- M 68
- Y 0
- K 3
CMYK color chart

● #554ff7 color description : Soft blue.

The hexadecimal color #554ff7 has RGB values of R:85, G:79, B:247 and CMYK values of C:0.66, M:0.68, Y:0, K:0.03. Its decimal value is 5591031.

Hex triplet	554ff7	`#554ff7`
RGB Decimal	85, 79, 247	`rgb(85,79,247)`
RGB Percent	33.3, 31, 96.9	`rgb(33.3%,31%,96.9%)`
CMYK	66, 68, 0, 3
HSL	242.1°, 91.3, 63.9	`hsl(242.1,91.3%,63.9%)`
HSV (or HSB)	242.1°, 68, 96.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.572, 51.965, -82.922
XYZ	23.328, 14.238, 89.509
xyY	0.184, 0.112, 14.238
CIE-LCH	44.572, 97.859, 302.074
CIE-LUV	44.572, -7.66, -124.467
Hunter-Lab	37.733, 44.322, -114.235
Binary	01010101, 01001111, 11110111

#554ff7
```
#554ff7 rgb(85,79,247)
```
#f1f74f
```
#f1f74f rgb(241,247,79)
```

Complementary Color

#4f9df7
```
#4f9df7 rgb(79,157,247)
```
#554ff7
```
#554ff7 rgb(85,79,247)
```
#a94ff7
```
#a94ff7 rgb(169,79,247)
```

Analogous Color

#9df74f
```
#9df74f rgb(157,247,79)
```
#554ff7
```
#554ff7 rgb(85,79,247)
```
#f7a94f
```
#f7a94f rgb(247,169,79)
```

Split Complementary Color

#4ff755
```
#4ff755 rgb(79,247,85)
```
#554ff7
```
#554ff7 rgb(85,79,247)
```
#f7554f
```
#f7554f rgb(247,85,79)
```

Triadic Color

#4ff1f7
```
#4ff1f7 rgb(79,241,247)
```
#554ff7
```
#554ff7 rgb(85,79,247)
```
#f7554f
```
#f7554f rgb(247,85,79)
```
#f1f74f
```
#f1f74f rgb(241,247,79)
```

Tetradic Color

#130bef
```
#130bef rgb(19,11,239)
```
#261ef5
```
#261ef5 rgb(38,30,245)
```
#3d37f6
```
#3d37f6 rgb(61,55,246)
```
#554ff7
```
#554ff7 rgb(85,79,247)
```
#6d67f8
```
#6d67f8 rgb(109,103,248)
```
#8480f9
```
#8480f9 rgb(132,128,249)
```
#9c98fa
```
#9c98fa rgb(156,152,250)
```

Monochromatic Color

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

#4f73f7
```
#4f73f7 rgb(79,115,247)
```
#4f65f7
```
#4f65f7 rgb(79,101,247)
```
#4f57f7
```
#4f57f7 rgb(79,87,247)
```
#554ff7
```
#554ff7 rgb(85,79,247)
```
#634ff7
```
#634ff7 rgb(99,79,247)
```
#714ff7
```
#714ff7 rgb(113,79,247)
```
#7f4ff7
```
#7f4ff7 rgb(127,79,247)
```

Similar Colors

Text with hexadecimal color #554ff7

This text has a font color of #554ff7.

<span style="color:#554ff7;">Text here</span>

#554ff7 background color

This paragraph has a background color of #554ff7.

<p style="background-color:#554ff7;">Content here</p>

#554ff7 border color

This element has a border color of #554ff7.

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

CSS codes

.text {color:#554ff7;}

.background {background-color:#554ff7;}

.border {border:1px solid #554ff7;}

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, #01010c is the darkest color, while #f8f8ff is the lightest one.

#01010c
```
#01010c rgb(1,1,12)
```
#02011e
```
#02011e rgb(2,1,30)
```
#040231
```
#040231 rgb(4,2,49)
```
#050344
```
#050344 rgb(5,3,68)
```
#070457
```
#070457 rgb(7,4,87)
```
#080569
```
#080569 rgb(8,5,105)
```
#0a067c
```
#0a067c rgb(10,6,124)
```
#0b068f
```
#0b068f rgb(11,6,143)
```
#0d07a2
```
#0d07a2 rgb(13,7,162)
```
#0e08b4
```
#0e08b4 rgb(14,8,180)
```
#1009c7
```
#1009c7 rgb(16,9,199)
```
#110ada
```
#110ada rgb(17,10,218)
```
#130bed
```
#130bed rgb(19,11,237)
```

Shade Color Variation

#1f17f4
```
#1f17f4 rgb(31,23,244)
```
#3129f5
```
#3129f5 rgb(49,41,245)
```
#433cf6
```
#433cf6 rgb(67,60,246)
```
#554ff7
```
#554ff7 rgb(85,79,247)
```
#6762f8
```
#6762f8 rgb(103,98,248)
```
#7975f9
```
#7975f9 rgb(121,117,249)
```
#8b87fa
```
#8b87fa rgb(139,135,250)
```
#9d9afa
```
#9d9afa rgb(157,154,250)
```
#b0adfb
```
#b0adfb rgb(176,173,251)
```
#c2c0fc
```
#c2c0fc rgb(194,192,252)
```
#d4d2fd
```
#d4d2fd rgb(212,210,253)
```
#e6e5fe
```
#e6e5fe rgb(230,229,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9da9 is the less saturated color, while #4e48fe is the most saturated one.

#9d9da9
```
#9d9da9 rgb(157,157,169)
```
#9796b0
```
#9796b0 rgb(151,150,176)
```
#908fb7
```
#908fb7 rgb(144,143,183)
```
#8a88be
```
#8a88be rgb(138,136,190)
```
#8381c5
```
#8381c5 rgb(131,129,197)
```
#7c79cd
```
#7c79cd rgb(124,121,205)
```
#7672d4
```
#7672d4 rgb(118,114,212)
```
#6f6bdb
```
#6f6bdb rgb(111,107,219)
```
#6964e2
```
#6964e2 rgb(105,100,226)
```
#625de9
```
#625de9 rgb(98,93,233)
```
#5c56f0
```
#5c56f0 rgb(92,86,240)
```
#554ff7
```
#554ff7 rgb(85,79,247)
```
#4e48fe
```
#4e48fe rgb(78,72,254)
```

Tone Color Variation

Below, you can see how #554ff7 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

#646464 Achromatopsia 0.005% of the population
#616081 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#1e62e2 Protanomaly 1% of men, 0.01% of women
#1e66d0 Deuteranomaly 6% of men, 0.4% of women
#1e6bad Tritanomaly 0.01% of the population

#554ff7 hex color

#554ff7 Color Information

#554ff7 Color Conversion

Color Schemes with #554ff7

Alternatives to #554ff7

#554ff7 Preview

Shades and Tints of #554ff7

Tones of #554ff7

Color Blindness Simulator