#554fbf hex color

In a RGB color space, hex #554fbf is composed of 33.3% red, 31% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 58.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 243.2 degrees, a saturation of 46.7% and a lightness of 52.9%. #554fbf color hex could be obtained by blending #aa9eff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 31
- B 75
RGB color chart
- C 55
- M 59
- Y 0
- K 25
CMYK color chart

● #554fbf color description : Moderate blue.

The hexadecimal color #554fbf has RGB values of R:85, G:79, B:191 and CMYK values of C:0.55, M:0.59, Y:0, K:0.25. Its decimal value is 5590975.

Hex triplet	554fbf	`#554fbf`
RGB Decimal	85, 79, 191	`rgb(85,79,191)`
RGB Percent	33.3, 31, 74.9	`rgb(33.3%,31%,74.9%)`
CMYK	55, 59, 0, 25
HSL	243.2°, 46.7, 52.9	`hsl(243.2,46.7%,52.9%)`
HSV (or HSB)	243.2°, 58.6, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.055, 34.14, -58.294
XYZ	15.944, 11.284, 50.625
xyY	0.205, 0.145, 11.284
CIE-LCH	40.055, 67.555, 300.356
CIE-LUV	40.055, -4.497, -86.987
Hunter-Lab	33.592, 25.939, -65.839
Binary	01010101, 01001111, 10111111

#554fbf
```
#554fbf rgb(85,79,191)
```
#b9bf4f
```
#b9bf4f rgb(185,191,79)
```

Complementary Color

#4f81bf
```
#4f81bf rgb(79,129,191)
```
#554fbf
```
#554fbf rgb(85,79,191)
```
#8d4fbf
```
#8d4fbf rgb(141,79,191)
```

Analogous Color

#81bf4f
```
#81bf4f rgb(129,191,79)
```
#554fbf
```
#554fbf rgb(85,79,191)
```
#bf8d4f
```
#bf8d4f rgb(191,141,79)
```

Split Complementary Color

#4fbf55
```
#4fbf55 rgb(79,191,85)
```
#554fbf
```
#554fbf rgb(85,79,191)
```
#bf554f
```
#bf554f rgb(191,85,79)
```

Triadic Color

#4fb9bf
```
#4fb9bf rgb(79,185,191)
```
#554fbf
```
#554fbf rgb(85,79,191)
```
#bf554f
```
#bf554f rgb(191,85,79)
```
#b9bf4f
```
#b9bf4f rgb(185,191,79)
```

Tetradic Color

#38348e
```
#38348e rgb(56,52,142)
```
#403aa1
```
#403aa1 rgb(64,58,161)
```
#4741b3
```
#4741b3 rgb(71,65,179)
```
#554fbf
```
#554fbf rgb(85,79,191)
```
#6762c6
```
#6762c6 rgb(103,98,198)
```
#7974cd
```
#7974cd rgb(121,116,205)
```
#8b87d3
```
#8b87d3 rgb(139,135,211)
```

Monochromatic Color

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

#4f65bf
```
#4f65bf rgb(79,101,191)
```
#4f5cbf
```
#4f5cbf rgb(79,92,191)
```
#4f52bf
```
#4f52bf rgb(79,82,191)
```
#554fbf
```
#554fbf rgb(85,79,191)
```
#5e4fbf
```
#5e4fbf rgb(94,79,191)
```
#684fbf
```
#684fbf rgb(104,79,191)
```
#714fbf
```
#714fbf rgb(113,79,191)
```

Similar Colors

Text with hexadecimal color #554fbf

This text has a font color of #554fbf.

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

#554fbf background color

This paragraph has a background color of #554fbf.

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

#554fbf border color

This element has a border color of #554fbf.

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

CSS codes

.text {color:#554fbf;}

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

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

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, #04040b is the darkest color, while #fcfcfe is the lightest one.

#04040b
```
#04040b rgb(4,4,11)
```
#0a0919
```
#0a0919 rgb(10,9,25)
```
#100e28
```
#100e28 rgb(16,14,40)
```
#161436
```
#161436 rgb(22,20,54)
```
#1b1945
```
#1b1945 rgb(27,25,69)
```
#211e53
```
#211e53 rgb(33,30,83)
```
#272361
```
#272361 rgb(39,35,97)
```
#2c2970
```
#2c2970 rgb(44,41,112)
```
#322e7e
```
#322e7e rgb(50,46,126)
```
#38338c
```
#38338c rgb(56,51,140)
```
#3e389b
```
#3e389b rgb(62,56,155)
```
#433ea9
```
#433ea9 rgb(67,62,169)
```
#4943b8
```
#4943b8 rgb(73,67,184)
```

Shade Color Variation

#554fbf
```
#554fbf rgb(85,79,191)
```
#635dc4
```
#635dc4 rgb(99,93,196)
```
#716cc9
```
#716cc9 rgb(113,108,201)
```
#7f7acf
```
#7f7acf rgb(127,122,207)
```
#8d89d4
```
#8d89d4 rgb(141,137,212)
```
#9a97d9
```
#9a97d9 rgb(154,151,217)
```
#a8a5de
```
#a8a5de rgb(168,165,222)
```
#b6b4e4
```
#b6b4e4 rgb(182,180,228)
```
#c4c2e9
```
#c4c2e9 rgb(196,194,233)
```
#d2d0ee
```
#d2d0ee rgb(210,208,238)
```
#e0dff3
```
#e0dff3 rgb(224,223,243)
```
#eeedf9
```
#eeedf9 rgb(238,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#868688
```
#868688 rgb(134,134,136)
```
#7e7d91
```
#7e7d91 rgb(126,125,145)
```
#76749a
```
#76749a rgb(118,116,154)
```
#6e6ba3
```
#6e6ba3 rgb(110,107,163)
```
#6561ad
```
#6561ad rgb(101,97,173)
```
#5d58b6
```
#5d58b6 rgb(93,88,182)
```
#554fbf
```
#554fbf rgb(85,79,191)
```
#4d46c8
```
#4d46c8 rgb(77,70,200)
```
#453dd1
```
#453dd1 rgb(69,61,209)
```
#3c33db
```
#3c33db rgb(60,51,219)
```
#342ae4
```
#342ae4 rgb(52,42,228)
```
#2c21ed
```
#2c21ed rgb(44,33,237)
```
#2418f6
```
#2418f6 rgb(36,24,246)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0068ab Deuteranopia 1% of men
#386e76 Tritanopia 0.001% of the population

Trichromacy

#1e5cc1 Protanomaly 1% of men, 0.01% of women
#1e5fb2 Deuteranomaly 6% of men, 0.4% of women
#426290 Tritanomaly 0.01% of the population

#554fbf hex color

#554fbf Color Information

#554fbf Color Conversion

Color Schemes with #554fbf

Alternatives to #554fbf

#554fbf Preview

Shades and Tints of #554fbf

Tones of #554fbf

Color Blindness Simulator