#554fed hex color

In a RGB color space, hex #554fed is composed of 33.3% red, 31% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 66.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 242.3 degrees, a saturation of 81.4% and a lightness of 62%. #554fed color hex could be obtained by blending #aa9eff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 31
- B 93
RGB color chart
- C 64
- M 67
- Y 0
- K 7
CMYK color chart

● #554fed color description : Soft blue.

The hexadecimal color #554fed has RGB values of R:85, G:79, B:237 and CMYK values of C:0.64, M:0.67, Y:0, K:0.07. Its decimal value is 5591021.

Hex triplet	554fed	`#554fed`
RGB Decimal	85, 79, 237	`rgb(85,79,237)`
RGB Percent	33.3, 31, 92.9	`rgb(33.3%,31%,92.9%)`
CMYK	64, 67, 0, 7
HSL	242.3°, 81.4, 62	`hsl(242.3,81.4%,62%)`
HSV (or HSB)	242.3°, 66.7, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	43.707, 48.822, -78.721
XYZ	21.825, 13.637, 81.598
xyY	0.186, 0.116, 13.637
CIE-LCH	43.707, 92.631, 301.807
CIE-LUV	43.707, -7.133, -118.103
Hunter-Lab	36.928, 40.875, -105.162
Binary	01010101, 01001111, 11101101

#554fed
```
#554fed rgb(85,79,237)
```
#e7ed4f
```
#e7ed4f rgb(231,237,79)
```

Complementary Color

#4f98ed
```
#4f98ed rgb(79,152,237)
```
#554fed
```
#554fed rgb(85,79,237)
```
#a44fed
```
#a44fed rgb(164,79,237)
```

Analogous Color

#98ed4f
```
#98ed4f rgb(152,237,79)
```
#554fed
```
#554fed rgb(85,79,237)
```
#eda44f
```
#eda44f rgb(237,164,79)
```

Split Complementary Color

#4fed55
```
#4fed55 rgb(79,237,85)
```
#554fed
```
#554fed rgb(85,79,237)
```
#ed554f
```
#ed554f rgb(237,85,79)
```

Triadic Color

#4fe7ed
```
#4fe7ed rgb(79,231,237)
```
#554fed
```
#554fed rgb(85,79,237)
```
#ed554f
```
#ed554f rgb(237,85,79)
```
#e7ed4f
```
#e7ed4f rgb(231,237,79)
```

Tetradic Color

#1e16d9
```
#1e16d9 rgb(30,22,217)
```
#2821e8
```
#2821e8 rgb(40,33,232)
```
#3f38eb
```
#3f38eb rgb(63,56,235)
```
#554fed
```
#554fed rgb(85,79,237)
```
#6b66ef
```
#6b66ef rgb(107,102,239)
```
#827df2
```
#827df2 rgb(130,125,242)
```
#9894f4
```
#9894f4 rgb(152,148,244)
```

Monochromatic Color

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

#4f71ed
```
#4f71ed rgb(79,113,237)
```
#4f63ed
```
#4f63ed rgb(79,99,237)
```
#4f56ed
```
#4f56ed rgb(79,86,237)
```
#554fed
```
#554fed rgb(85,79,237)
```
#624fed
```
#624fed rgb(98,79,237)
```
#6f4fed
```
#6f4fed rgb(111,79,237)
```
#7d4fed
```
#7d4fed rgb(125,79,237)
```

Similar Colors

Text with hexadecimal color #554fed

This text has a font color of #554fed.

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

#554fed background color

This paragraph has a background color of #554fed.

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

#554fed border color

This element has a border color of #554fed.

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

CSS codes

.text {color:#554fed;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#030214
```
#030214 rgb(3,2,20)
```
#050426
```
#050426 rgb(5,4,38)
```
#080637
```
#080637 rgb(8,6,55)
```
#0a0749
```
#0a0749 rgb(10,7,73)
```
#0c095b
```
#0c095b rgb(12,9,91)
```
#0f0b6d
```
#0f0b6d rgb(15,11,109)
```
#110d7f
```
#110d7f rgb(17,13,127)
```
#140f90
```
#140f90 rgb(20,15,144)
```
#1611a2
```
#1611a2 rgb(22,17,162)
```
#1912b4
```
#1912b4 rgb(25,18,180)
```
#1b14c6
```
#1b14c6 rgb(27,20,198)
```
#1d16d7
```
#1d16d7 rgb(29,22,215)
```

Shade Color Variation

#211ae8
```
#211ae8 rgb(33,26,232)
```
#332be9
```
#332be9 rgb(51,43,233)
```
#443deb
```
#443deb rgb(68,61,235)
```
#554fed
```
#554fed rgb(85,79,237)
```
#6661ef
```
#6661ef rgb(102,97,239)
```
#7773f1
```
#7773f1 rgb(119,115,241)
```
#8984f2
```
#8984f2 rgb(137,132,242)
```
#9a96f4
```
#9a96f4 rgb(154,150,244)
```
#aba8f6
```
#aba8f6 rgb(171,168,246)
```
#bcbaf8
```
#bcbaf8 rgb(188,186,248)
```
#cdccfa
```
#cdccfa rgb(205,204,250)
```
#dfddfc
```
#dfddfc rgb(223,221,252)
```
#f0effd
```
#f0effd rgb(240,239,253)
```

Tint Color Variation

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

#9a9aa2
```
#9a9aa2 rgb(154,154,162)
```
#9392aa
```
#9392aa rgb(147,146,170)
```
#8c8bb1
```
#8c8bb1 rgb(140,139,177)
```
#8583b9
```
#8583b9 rgb(133,131,185)
```
#7e7cc0
```
#7e7cc0 rgb(126,124,192)
```
#7774c8
```
#7774c8 rgb(119,116,200)
```
#716dcf
```
#716dcf rgb(113,109,207)
```
#6a65d7
```
#6a65d7 rgb(106,101,215)
```
#635ede
```
#635ede rgb(99,94,222)
```
#5c56e6
```
#5c56e6 rgb(92,86,230)
```
#554fed
```
#554fed rgb(85,79,237)
```
#4e48f4
```
#4e48f4 rgb(78,72,244)
```
#4740fc
```
#4740fc rgb(71,64,252)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#605f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#1e61dc Protanomaly 1% of men, 0.01% of women
#1e65ca Deuteranomaly 6% of men, 0.4% of women
#1e6aa8 Tritanomaly 0.01% of the population

#554fed hex color

#554fed Color Information

#554fed Color Conversion

Color Schemes with #554fed

Alternatives to #554fed

#554fed Preview

Shades and Tints of #554fed

Tones of #554fed

Color Blindness Simulator