#554d83 Color Information
In a RGB color space, hex #554d83 is composed of 33.3% red, 30.2% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 41.2% magenta, 0% yellow and 48.6% black. It has a hue angle of 248.9 degrees, a saturation of 26% and a lightness of 40.8%. #554d83 color hex could be obtained by blending #aa9aff with #000007. Closest websafe color is: #666699.
-
- R 33
- G 30
- B 51
-
- C 35
- M 41
- Y 0
- K 49
● #554d83 color description : Mostly desaturated dark blue.
#554d83 Color Conversion
The hexadecimal color #554d83 has RGB values of R:85, G:77, B:131 and CMYK values of C:0.35, M:0.41, Y:0, K:0.49. Its decimal value is 5590403.
| Hex triplet | 554d83 | #554d83 |
|---|---|---|
| RGB Decimal | 85, 77, 131 | rgb(85,77,131) |
| RGB Percent | 33.3, 30.2, 51.4 | rgb(33.3%,30.2%,51.4%) |
| CMYK | 35, 41, 0, 49 | |
| HSL | 248.9°, 26, 40.8 | hsl(248.9,26%,40.8%) |
| HSV (or HSB) | 248.9°, 41.2, 51.4 | |
| Web Safe | 666699 | #666699 |
| CIE-LAB | 35.748, 16.834, -29.253 |
|---|---|
| XYZ | 10.496, 8.878, 22.632 |
| xyY | 0.25, 0.211, 8.878 |
| CIE-LCH | 35.748, 33.75, 299.919 |
| CIE-LUV | 35.748, 0.286, -42.134 |
| Hunter-Lab | 29.795, 10.739, -24.179 |
| Binary | 01010101, 01001101, 10000011 |
Color Schemes with #554d83
Alternatives to #554d83
Below, you can see some colors close to #554d83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554d83 Preview
This text has a font color of #554d83.
<span style="color:#554d83;">Text here</span>
This paragraph has a background color of #554d83.
<p style="background-color:#554d83;">Content here</p>
This element has a border color of #554d83.
<div style="border:1px solid #554d83;">Content here</div>
.text {color:#554d83;}
.background {background-color:#554d83;}
.border {border:1px solid #554d83;}
Shades and Tints of #554d83
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, #050407 is the darkest color, while #fafafc is the lightest one.
-
#050407
#050407rgb(5,4,7) -
#0d0c14
#0d0c14rgb(13,12,20) -
#151320
#151320rgb(21,19,32) -
#1d1a2d
#1d1a2drgb(29,26,45) -
#252139
#252139rgb(37,33,57) -
#2d2945
#2d2945rgb(45,41,69) -
#353052
#353052rgb(53,48,82) -
#3d375e
#3d375ergb(61,55,94) -
#453e6a
#453e6argb(69,62,106) -
#4d4677
#4d4677rgb(77,70,119) -
#554d83
#554d83rgb(85,77,131) -
#5d548f
#5d548frgb(93,84,143) -
#655c9c
#655c9crgb(101,92,156)
-
#6f66a5
#6f66a5rgb(111,102,165) -
#7b72ac
#7b72acrgb(123,114,172) -
#867fb4
#867fb4rgb(134,127,180) -
#928bbb
#928bbbrgb(146,139,187) -
#9e97c2
#9e97c2rgb(158,151,194) -
#a9a4c9
#a9a4c9rgb(169,164,201) -
#b5b0d1
#b5b0d1rgb(181,176,209) -
#c0bcd8
#c0bcd8rgb(192,188,216) -
#ccc9df
#ccc9dfrgb(204,201,223) -
#d8d5e6
#d8d5e6rgb(216,213,230) -
#e3e1ee
#e3e1eergb(227,225,238) -
#efeef5
#efeef5rgb(239,238,245) -
#fafafc
#fafafcrgb(250,250,252)
Tones of #554d83
A tone is produced by adding gray to any pure hue. In this case, #66656b is the less saturated color, while #2205cb is the most saturated one.
-
#66656b
#66656brgb(102,101,107) -
#605d73
#605d73rgb(96,93,115) -
#5b557b
#5b557brgb(91,85,123) -
#554d83
#554d83rgb(85,77,131) -
#4f458b
#4f458brgb(79,69,139) -
#4a3d93
#4a3d93rgb(74,61,147) -
#44359b
#44359brgb(68,53,155) -
#3e2da3
#3e2da3rgb(62,45,163) -
#3925ab
#3925abrgb(57,37,171) -
#331db3
#331db3rgb(51,29,179) -
#2e15bb
#2e15bbrgb(46,21,187) -
#280dc3
#280dc3rgb(40,13,195) -
#2205cb
#2205cbrgb(34,5,203)
Color Blindness Simulator
Below, you can see how #554d83 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.
