#554fb7 hex color

In a RGB color space, hex #554fb7 is composed of 33.3% red, 31% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 56.8% magenta, 0% yellow and 28.2% black. It has a hue angle of 243.5 degrees, a saturation of 41.9% and a lightness of 51.4%. #554fb7 color hex could be obtained by blending #aa9eff with #00006f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 31
- B 72
RGB color chart
- C 54
- M 57
- Y 0
- K 28
CMYK color chart

● #554fb7 color description : Moderate blue.

The hexadecimal color #554fb7 has RGB values of R:85, G:79, B:183 and CMYK values of C:0.54, M:0.57, Y:0, K:0.28. Its decimal value is 5590967.

Hex triplet	554fb7	`#554fb7`
RGB Decimal	85, 79, 183	`rgb(85,79,183)`
RGB Percent	33.3, 31, 71.8	`rgb(33.3%,31%,71.8%)`
CMYK	54, 57, 0, 28
HSL	243.5°, 41.9, 51.4	`hsl(243.5,41.9%,51.4%)`
HSV (or HSB)	243.5°, 56.8, 71.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.482, 31.581, -54.536
XYZ	15.088, 10.942, 46.114
xyY	0.209, 0.152, 10.942
CIE-LCH	39.482, 63.02, 300.075
CIE-LUV	39.482, -3.998, -81.216
Hunter-Lab	33.078, 23.532, -59.501
Binary	01010101, 01001111, 10110111

#554fb7
```
#554fb7 rgb(85,79,183)
```
#b1b74f
```
#b1b74f rgb(177,183,79)
```

Complementary Color

#4f7db7
```
#4f7db7 rgb(79,125,183)
```
#554fb7
```
#554fb7 rgb(85,79,183)
```
#894fb7
```
#894fb7 rgb(137,79,183)
```

Analogous Color

#7db74f
```
#7db74f rgb(125,183,79)
```
#554fb7
```
#554fb7 rgb(85,79,183)
```
#b7894f
```
#b7894f rgb(183,137,79)
```

Split Complementary Color

#4fb755
```
#4fb755 rgb(79,183,85)
```
#554fb7
```
#554fb7 rgb(85,79,183)
```
#b7554f
```
#b7554f rgb(183,85,79)
```

Triadic Color

#4fb1b7
```
#4fb1b7 rgb(79,177,183)
```
#554fb7
```
#554fb7 rgb(85,79,183)
```
#b7554f
```
#b7554f rgb(183,85,79)
```
#b1b74f
```
#b1b74f rgb(177,183,79)
```

Tetradic Color

#3a3684
```
#3a3684 rgb(58,54,132)
```
#423d96
```
#423d96 rgb(66,61,150)
```
#4a45a8
```
#4a45a8 rgb(74,69,168)
```
#554fb7
```
#554fb7 rgb(85,79,183)
```
#6661be
```
#6661be rgb(102,97,190)
```
#7873c6
```
#7873c6 rgb(120,115,198)
```
#8985cd
```
#8985cd rgb(137,133,205)
```

Monochromatic Color

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

#4f63b7
```
#4f63b7 rgb(79,99,183)
```
#4f5ab7
```
#4f5ab7 rgb(79,90,183)
```
#4f52b7
```
#4f52b7 rgb(79,82,183)
```
#554fb7
```
#554fb7 rgb(85,79,183)
```
#5e4fb7
```
#5e4fb7 rgb(94,79,183)
```
#664fb7
```
#664fb7 rgb(102,79,183)
```
#6f4fb7
```
#6f4fb7 rgb(111,79,183)
```

Similar Colors

Text with hexadecimal color #554fb7

This text has a font color of #554fb7.

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

#554fb7 background color

This paragraph has a background color of #554fb7.

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

#554fb7 border color

This element has a border color of #554fb7.

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

CSS codes

.text {color:#554fb7;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#080813
```
#080813 rgb(8,8,19)
```
#0f0d21
```
#0f0d21 rgb(15,13,33)
```
#15132f
```
#15132f rgb(21,19,47)
```
#1b193d
```
#1b193d rgb(27,25,61)
```
#211f4b
```
#211f4b rgb(33,31,75)
```
#272458
```
#272458 rgb(39,36,88)
```
#2d2a66
```
#2d2a66 rgb(45,42,102)
```
#343074
```
#343074 rgb(52,48,116)
```
#3a3582
```
#3a3582 rgb(58,53,130)
```
#403b90
```
#403b90 rgb(64,59,144)
```
#46419e
```
#46419e rgb(70,65,158)
```
#4c46ac
```
#4c46ac rgb(76,70,172)
```

Shade Color Variation

#554fb7
```
#554fb7 rgb(85,79,183)
```
#625dbd
```
#625dbd rgb(98,93,189)
```
#706bc2
```
#706bc2 rgb(112,107,194)
```
#7d79c8
```
#7d79c8 rgb(125,121,200)
```
#8b87ce
```
#8b87ce rgb(139,135,206)
```
#9895d3
```
#9895d3 rgb(152,149,211)
```
#a6a3d9
```
#a6a3d9 rgb(166,163,217)
```
#b3b0df
```
#b3b0df rgb(179,176,223)
```
#c1bee5
```
#c1bee5 rgb(193,190,229)
```
#ceccea
```
#ceccea rgb(206,204,234)
```
#dbdaf0
```
#dbdaf0 rgb(219,218,240)
```
#e9e8f6
```
#e9e8f6 rgb(233,232,246)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7f87 is the less saturated color, while #1a0cfa is the most saturated one.

#7f7f87
```
#7f7f87 rgb(127,127,135)
```
#777591
```
#777591 rgb(119,117,145)
```
#6e6c9a
```
#6e6c9a rgb(110,108,154)
```
#6662a4
```
#6662a4 rgb(102,98,164)
```
#5d59ad
```
#5d59ad rgb(93,89,173)
```
#554fb7
```
#554fb7 rgb(85,79,183)
```
#4d45c1
```
#4d45c1 rgb(77,69,193)
```
#443cca
```
#443cca rgb(68,60,202)
```
#3c32d4
```
#3c32d4 rgb(60,50,212)
```
#3329dd
```
#3329dd rgb(51,41,221)
```
#2b1fe7
```
#2b1fe7 rgb(43,31,231)
```
#2216f0
```
#2216f0 rgb(34,22,240)
```
#1a0cfa
```
#1a0cfa rgb(26,12,250)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#3e6c74 Tritanopia 0.001% of the population

Trichromacy

#1e5bbd Protanomaly 1% of men, 0.01% of women
#1e5eaf Deuteranomaly 6% of men, 0.4% of women
#46618c Tritanomaly 0.01% of the population

#554fb7 hex color

#554fb7 Color Information

#554fb7 Color Conversion

Color Schemes with #554fb7

Alternatives to #554fb7

#554fb7 Preview

Shades and Tints of #554fb7

Tones of #554fb7

Color Blindness Simulator