#554dfe hex color

In a RGB color space, hex #554dfe is composed of 33.3% red, 30.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 69.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 242.7 degrees, a saturation of 98.9% and a lightness of 64.9%. #554dfe color hex could be obtained by blending #aa9aff with #0000fd. Closest websafe color is: #6666ff.

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

● #554dfe color description : Soft blue.

The hexadecimal color #554dfe has RGB values of R:85, G:77, B:254 and CMYK values of C:0.67, M:0.7, Y:0, K:0. Its decimal value is 5590526.

Hex triplet	554dfe	`#554dfe`
RGB Decimal	85, 77, 254	`rgb(85,77,254)`
RGB Percent	33.3, 30.2, 99.6	`rgb(33.3%,30.2%,99.6%)`
CMYK	67, 70, 0, 0
HSL	242.7°, 98.9, 64.9	`hsl(242.7,98.9%,64.9%)`
HSV (or HSB)	242.7°, 69.7, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.792, 55.245, -86.47
XYZ	24.286, 14.394, 95.259
xyY	0.181, 0.107, 14.394
CIE-LCH	44.792, 102.611, 302.574
CIE-LUV	44.792, -7.653, -129.295
Hunter-Lab	37.939, 47.871, -122.311
Binary	01010101, 01001101, 11111110

#554dfe
```
#554dfe rgb(85,77,254)
```
#f6fe4d
```
#f6fe4d rgb(246,254,77)
```

Complementary Color

#4d9efe
```
#4d9efe rgb(77,158,254)
```
#554dfe
```
#554dfe rgb(85,77,254)
```
#ae4dfe
```
#ae4dfe rgb(174,77,254)
```

Analogous Color

#9efe4d
```
#9efe4d rgb(158,254,77)
```
#554dfe
```
#554dfe rgb(85,77,254)
```
#feae4d
```
#feae4d rgb(254,174,77)
```

Split Complementary Color

#4dfe55
```
#4dfe55 rgb(77,254,85)
```
#554dfe
```
#554dfe rgb(85,77,254)
```
#fe554d
```
#fe554d rgb(254,85,77)
```

Triadic Color

#4df6fe
```
#4df6fe rgb(77,246,254)
```
#554dfe
```
#554dfe rgb(85,77,254)
```
#fe554d
```
#fe554d rgb(254,85,77)
```
#f6fe4d
```
#f6fe4d rgb(246,254,77)
```

Tetradic Color

#0d01fd
```
#0d01fd rgb(13,1,253)
```
#251afe
```
#251afe rgb(37,26,254)
```
#3d34fe
```
#3d34fe rgb(61,52,254)
```
#554dfe
```
#554dfe rgb(85,77,254)
```
#6d66fe
```
#6d66fe rgb(109,102,254)
```
#8580fe
```
#8580fe rgb(133,128,254)
```
#9e99fe
```
#9e99fe rgb(158,153,254)
```

Monochromatic Color

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

#4d71fe
```
#4d71fe rgb(77,113,254)
```
#4d63fe
```
#4d63fe rgb(77,99,254)
```
#4d54fe
```
#4d54fe rgb(77,84,254)
```
#554dfe
```
#554dfe rgb(85,77,254)
```
#644dfe
```
#644dfe rgb(100,77,254)
```
#734dfe
```
#734dfe rgb(115,77,254)
```
#814dfe
```
#814dfe rgb(129,77,254)
```

Similar Colors

Text with hexadecimal color #554dfe

This text has a font color of #554dfe.

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

#554dfe background color

This paragraph has a background color of #554dfe.

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

#554dfe border color

This element has a border color of #554dfe.

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

CSS codes

.text {color:#554dfe;}

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

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

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

#010011
```
#010011 rgb(1,0,17)
```
#020025
```
#020025 rgb(2,0,37)
```
#030038
```
#030038 rgb(3,0,56)
```
#04004c
```
#04004c rgb(4,0,76)
```
#05015f
```
#05015f rgb(5,1,95)
```
#060173
```
#060173 rgb(6,1,115)
```
#070186
```
#070186 rgb(7,1,134)
```
#08019a
```
#08019a rgb(8,1,154)
```
#0901ad
```
#0901ad rgb(9,1,173)
```
#0a01c1
```
#0a01c1 rgb(10,1,193)
```
#0b01d4
```
#0b01d4 rgb(11,1,212)
```
#0c01e8
```
#0c01e8 rgb(12,1,232)
```
#0d01fb
```
#0d01fb rgb(13,1,251)
```

Shade Color Variation

#1d12fe
```
#1d12fe rgb(29,18,254)
```
#3026fe
```
#3026fe rgb(48,38,254)
```
#4239fe
```
#4239fe rgb(66,57,254)
```
#554dfe
```
#554dfe rgb(85,77,254)
```
#6861fe
```
#6861fe rgb(104,97,254)
```
#7a74fe
```
#7a74fe rgb(122,116,254)
```
#8d88fe
```
#8d88fe rgb(141,136,254)
```
#a09bfe
```
#a09bfe rgb(160,155,254)
```
#b2afff
```
#b2afff rgb(178,175,255)
```
#c5c2ff
```
#c5c2ff rgb(197,194,255)
```
#d7d6ff
```
#d7d6ff rgb(215,214,255)
```
#eae9ff
```
#eae9ff rgb(234,233,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a0a0ab
```
#a0a0ab rgb(160,160,171)
```
#9a99b2
```
#9a99b2 rgb(154,153,178)
```
#9492b9
```
#9492b9 rgb(148,146,185)
```
#8d8bc0
```
#8d8bc0 rgb(141,139,192)
```
#8784c7
```
#8784c7 rgb(135,132,199)
```
#817dce
```
#817dce rgb(129,125,206)
```
#7b76d5
```
#7b76d5 rgb(123,118,213)
```
#746fdc
```
#746fdc rgb(116,111,220)
```
#6e69e2
```
#6e69e2 rgb(110,105,226)
```
#6862e9
```
#6862e9 rgb(104,98,233)
```
#625bf0
```
#625bf0 rgb(98,91,240)
```
#5b54f7
```
#5b54f7 rgb(91,84,247)
```
#554dfe
```
#554dfe rgb(85,77,254)
```

Tone Color Variation

Below, you can see how #554dfe 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
#615f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1e62e5 Protanomaly 1% of men, 0.01% of women
#1e66d3 Deuteranomaly 6% of men, 0.4% of women
#1e6bb0 Tritanomaly 0.01% of the population

#554dfe hex color

#554dfe Color Information

#554dfe Color Conversion

Color Schemes with #554dfe

Alternatives to #554dfe

#554dfe Preview

Shades and Tints of #554dfe

Tones of #554dfe

Color Blindness Simulator