#554e83 hex color

In a RGB color space, hex #554e83 is composed of 33.3% red, 30.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 40.5% magenta, 0% yellow and 48.6% black. It has a hue angle of 247.9 degrees, a saturation of 25.4% and a lightness of 41%. #554e83 color hex could be obtained by blending #aa9cff with #000007. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 31
- B 51
RGB color chart
- C 35
- M 40
- Y 0
- K 49
CMYK color chart

● #554e83 color description : Mostly desaturated dark blue.

The hexadecimal color #554e83 has RGB values of R:85, G:78, B:131 and CMYK values of C:0.35, M:0.4, Y:0, K:0.49. Its decimal value is 5590659.

Hex triplet	554e83	`#554e83`
RGB Decimal	85, 78, 131	`rgb(85,78,131)`
RGB Percent	33.3, 30.6, 51.4	`rgb(33.3%,30.6%,51.4%)`
CMYK	35, 40, 0, 49
HSL	247.9°, 25.4, 41	`hsl(247.9,25.4%,41%)`
HSV (or HSB)	247.9°, 40.5, 51.4
Web Safe	666699	`#666699`

CIE-LAB	36.02, 16.195, -28.824
XYZ	10.567, 9.019, 22.656
xyY	0.25, 0.214, 9.019
CIE-LCH	36.02, 33.062, 299.33
CIE-LUV	36.02, -0.074, -41.542
Hunter-Lab	30.031, 10.252, -23.707
Binary	01010101, 01001110, 10000011

#554e83
```
#554e83 rgb(85,78,131)
```
#7c834e
```
#7c834e rgb(124,131,78)
```

Complementary Color

#4e6283
```
#4e6283 rgb(78,98,131)
```
#554e83
```
#554e83 rgb(85,78,131)
```
#704e83
```
#704e83 rgb(112,78,131)
```

Analogous Color

#62834e
```
#62834e rgb(98,131,78)
```
#554e83
```
#554e83 rgb(85,78,131)
```
#83704e
```
#83704e rgb(131,112,78)
```

Split Complementary Color

#4e8355
```
#4e8355 rgb(78,131,85)
```
#554e83
```
#554e83 rgb(85,78,131)
```
#83554e
```
#83554e rgb(131,85,78)
```

Triadic Color

#4e7c83
```
#4e7c83 rgb(78,124,131)
```
#554e83
```
#554e83 rgb(85,78,131)
```
#83554e
```
#83554e rgb(131,85,78)
```
#7c834e
```
#7c834e rgb(124,131,78)
```

Tetradic Color

#363153
```
#363153 rgb(54,49,83)
```
#403b63
```
#403b63 rgb(64,59,99)
```
#4b4473
```
#4b4473 rgb(75,68,115)
```
#554e83
```
#554e83 rgb(85,78,131)
```
#5f5893
```
#5f5893 rgb(95,88,147)
```
#6b62a2
```
#6b62a2 rgb(107,98,162)
```
#7a72ab
```
#7a72ab rgb(122,114,171)
```

Monochromatic Color

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

#4e5483
```
#4e5483 rgb(78,84,131)
```
#4e5083
```
#4e5083 rgb(78,80,131)
```
#514e83
```
#514e83 rgb(81,78,131)
```
#554e83
```
#554e83 rgb(85,78,131)
```
#594e83
```
#594e83 rgb(89,78,131)
```
#5e4e83
```
#5e4e83 rgb(94,78,131)
```
#624e83
```
#624e83 rgb(98,78,131)
```

Similar Colors

Text with hexadecimal color #554e83

This text has a font color of #554e83.

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

#554e83 background color

This paragraph has a background color of #554e83.

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

#554e83 border color

This element has a border color of #554e83.

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

CSS codes

.text {color:#554e83;}

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

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0d0c14
```
#0d0c14 rgb(13,12,20)
```
#151321
```
#151321 rgb(21,19,33)
```
#1d1b2d
```
#1d1b2d rgb(29,27,45)
```
#252239
```
#252239 rgb(37,34,57)
```
#2d2946
```
#2d2946 rgb(45,41,70)
```
#353152
```
#353152 rgb(53,49,82)
```
#3d385e
```
#3d385e rgb(61,56,94)
```
#453f6a
```
#453f6a rgb(69,63,106)
```
#4d4777
```
#4d4777 rgb(77,71,119)
```
#554e83
```
#554e83 rgb(85,78,131)
```
#5d558f
```
#5d558f rgb(93,85,143)
```
#655d9c
```
#655d9c rgb(101,93,156)
```

Shade Color Variation

#6f67a5
```
#6f67a5 rgb(111,103,165)
```
#7b74ac
```
#7b74ac rgb(123,116,172)
```
#8780b3
```
#8780b3 rgb(135,128,179)
```
#928cbb
```
#928cbb rgb(146,140,187)
```
#9e98c2
```
#9e98c2 rgb(158,152,194)
```
#aaa5c9
```
#aaa5c9 rgb(170,165,201)
```
#b5b1d1
```
#b5b1d1 rgb(181,177,209)
```
#c1bdd8
```
#c1bdd8 rgb(193,189,216)
```
#cccadf
```
#cccadf rgb(204,202,223)
```
#d8d6e7
```
#d8d6e7 rgb(216,214,231)
```
#e4e2ee
```
#e4e2ee rgb(228,226,238)
```
#efeef5
```
#efeef5 rgb(239,238,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67666b is the less saturated color, while #2006cb is the most saturated one.

#67666b
```
#67666b rgb(103,102,107)
```
#615e73
```
#615e73 rgb(97,94,115)
```
#5b567b
```
#5b567b rgb(91,86,123)
```
#554e83
```
#554e83 rgb(85,78,131)
```
#4f468b
```
#4f468b rgb(79,70,139)
```
#493e93
```
#493e93 rgb(73,62,147)
```
#43369b
```
#43369b rgb(67,54,155)
```
#3d2ea3
```
#3d2ea3 rgb(61,46,163)
```
#3726ab
```
#3726ab rgb(55,38,171)
```
#321eb3
```
#321eb3 rgb(50,30,179)
```
#2c16bb
```
#2c16bb rgb(44,22,187)
```
#260ec3
```
#260ec3 rgb(38,14,195)
```
#2006cb
```
#2006cb rgb(32,6,203)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#56545f Atypical Achromatopsia 0.001% of the population

Dichromacy

#495b8d Protanopia 1% of men
#485d87 Deuteranopia 1% of men
#545f66 Tritanopia 0.001% of the population

Trichromacy

#4d5689 Protanomaly 1% of men, 0.01% of women
#4d5785 Deuteranomaly 6% of men, 0.4% of women
#545870 Tritanomaly 0.01% of the population

#554e83 hex color

#554e83 Color Information

#554e83 Color Conversion

Color Schemes with #554e83

Alternatives to #554e83

#554e83 Preview

Shades and Tints of #554e83

Tones of #554e83

Color Blindness Simulator