#554f9d hex color

In a RGB color space, hex #554f9d is composed of 33.3% red, 31% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 49.7% magenta, 0% yellow and 38.4% black. It has a hue angle of 244.6 degrees, a saturation of 33.1% and a lightness of 46.3%. #554f9d color hex could be obtained by blending #aa9eff with #00003b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 31
- B 62
RGB color chart
- C 46
- M 50
- Y 0
- K 38
CMYK color chart

● #554f9d color description : Dark moderate blue.

The hexadecimal color #554f9d has RGB values of R:85, G:79, B:157 and CMYK values of C:0.46, M:0.5, Y:0, K:0.38. Its decimal value is 5590941.

Hex triplet	554f9d	`#554f9d`
RGB Decimal	85, 79, 157	`rgb(85,79,157)`
RGB Percent	33.3, 31, 61.6	`rgb(33.3%,31%,61.6%)`
CMYK	46, 50, 0, 38
HSL	244.6°, 33.1, 46.3	`hsl(244.6,33.1%,46.3%)`
HSV (or HSB)	244.6°, 49.7, 61.6
Web Safe	666699	`#666699`

CIE-LAB	37.766, 23.379, -41.851
XYZ	12.627, 9.957, 33.153
xyY	0.227, 0.179, 9.957
CIE-LCH	37.766, 47.938, 299.188
CIE-LUV	37.766, -2.284, -61.647
Hunter-Lab	31.555, 16.206, -40.204
Binary	01010101, 01001111, 10011101

#554f9d
```
#554f9d rgb(85,79,157)
```
#979d4f
```
#979d4f rgb(151,157,79)
```

Complementary Color

#4f709d
```
#4f709d rgb(79,112,157)
```
#554f9d
```
#554f9d rgb(85,79,157)
```
#7c4f9d
```
#7c4f9d rgb(124,79,157)
```

Analogous Color

#709d4f
```
#709d4f rgb(112,157,79)
```
#554f9d
```
#554f9d rgb(85,79,157)
```
#9d7c4f
```
#9d7c4f rgb(157,124,79)
```

Split Complementary Color

#4f9d55
```
#4f9d55 rgb(79,157,85)
```
#554f9d
```
#554f9d rgb(85,79,157)
```
#9d554f
```
#9d554f rgb(157,85,79)
```

Triadic Color

#4f979d
```
#4f979d rgb(79,151,157)
```
#554f9d
```
#554f9d rgb(85,79,157)
```
#9d554f
```
#9d554f rgb(157,85,79)
```
#979d4f
```
#979d4f rgb(151,157,79)
```

Tetradic Color

#39356a
```
#39356a rgb(57,53,106)
```
#433e7b
```
#433e7b rgb(67,62,123)
```
#4c468c
```
#4c468c rgb(76,70,140)
```
#554f9d
```
#554f9d rgb(85,79,157)
```
#605aac
```
#605aac rgb(96,90,172)
```
#706bb4
```
#706bb4 rgb(112,107,180)
```
#817cbd
```
#817cbd rgb(129,124,189)
```

Monochromatic Color

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

#4f5d9d
```
#4f5d9d rgb(79,93,157)
```
#4f569d
```
#4f569d rgb(79,86,157)
```
#4f509d
```
#4f509d rgb(79,80,157)
```
#554f9d
```
#554f9d rgb(85,79,157)
```
#5c4f9d
```
#5c4f9d rgb(92,79,157)
```
#624f9d
```
#624f9d rgb(98,79,157)
```
#694f9d
```
#694f9d rgb(105,79,157)
```

Similar Colors

Text with hexadecimal color #554f9d

This text has a font color of #554f9d.

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

#554f9d background color

This paragraph has a background color of #554f9d.

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

#554f9d border color

This element has a border color of #554f9d.

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

CSS codes

.text {color:#554f9d;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#07070d
```
#07070d rgb(7,7,13)
```
#0e0d1b
```
#0e0d1b rgb(14,13,27)
```
#151428
```
#151428 rgb(21,20,40)
```
#1c1a35
```
#1c1a35 rgb(28,26,53)
```
#242142
```
#242142 rgb(36,33,66)
```
#2b284f
```
#2b284f rgb(43,40,79)
```
#322e5c
```
#322e5c rgb(50,46,92)
```
#393569
```
#393569 rgb(57,53,105)
```
#403b76
```
#403b76 rgb(64,59,118)
```
#474283
```
#474283 rgb(71,66,131)
```
#4e4890
```
#4e4890 rgb(78,72,144)
```
#554f9d
```
#554f9d rgb(85,79,157)
```

Shade Color Variation

#5c56aa
```
#5c56aa rgb(92,86,170)
```
#6963b0
```
#6963b0 rgb(105,99,176)
```
#7570b7
```
#7570b7 rgb(117,112,183)
```
#827dbe
```
#827dbe rgb(130,125,190)
```
#8e8ac4
```
#8e8ac4 rgb(142,138,196)
```
#9b97cb
```
#9b97cb rgb(155,151,203)
```
#a8a4d1
```
#a8a4d1 rgb(168,164,209)
```
#b4b1d8
```
#b4b1d8 rgb(180,177,216)
```
#c1bede
```
#c1bede rgb(193,190,222)
```
#cdcbe5
```
#cdcbe5 rgb(205,203,229)
```
#dad8ec
```
#dad8ec rgb(218,216,236)
```
#e6e5f2
```
#e6e5f2 rgb(230,229,242)
```
#f3f2f9
```
#f3f2f9 rgb(243,242,249)
```

Tint Color Variation

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

#747379
```
#747379 rgb(116,115,121)
```
#6c6a82
```
#6c6a82 rgb(108,106,130)
```
#64618b
```
#64618b rgb(100,97,139)
```
#5d5894
```
#5d5894 rgb(93,88,148)
```
#554f9d
```
#554f9d rgb(85,79,157)
```
#4d46a6
```
#4d46a6 rgb(77,70,166)
```
#463daf
```
#463daf rgb(70,61,175)
```
#3e34b8
```
#3e34b8 rgb(62,52,184)
```
#362bc1
```
#362bc1 rgb(54,43,193)
```
#2f22ca
```
#2f22ca rgb(47,34,202)
```
#2719d3
```
#2719d3 rgb(39,25,211)
```
#1f0fdd
```
#1f0fdd rgb(31,15,221)
```
#1806e6
```
#1806e6 rgb(24,6,230)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#395fa8 Protanopia 1% of men
#2f629e Deuteranopia 1% of men
#4b656c Tritanopia 0.001% of the population

Trichromacy

#4359a4 Protanomaly 1% of men, 0.01% of women
#3d5b9d Deuteranomaly 6% of men, 0.4% of women
#4f5d7e Tritanomaly 0.01% of the population

#554f9d hex color

#554f9d Color Information

#554f9d Color Conversion

Color Schemes with #554f9d

Alternatives to #554f9d

#554f9d Preview

Shades and Tints of #554f9d

Tones of #554f9d

Color Blindness Simulator