#554433 Color Information
In a RGB color space, hex #554433 is composed of 33.3% red, 26.7% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 40% yellow and 66.7% black. It has a hue angle of 30 degrees, a saturation of 25% and a lightness of 26.7%. #554433 color hex could be obtained by blending #aa8866 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 27
- B 20
-
- C 0
- M 20
- Y 40
- K 67
● #554433 color description : Very dark desaturated orange.
#554433 Color Conversion
The hexadecimal color #554433 has RGB values of R:85, G:68, B:51 and CMYK values of C:0, M:0.2, Y:0.4, K:0.67. Its decimal value is 5588019.
| Hex triplet | 554433 | #554433 |
|---|---|---|
| RGB Decimal | 85, 68, 51 | rgb(85,68,51) |
| RGB Percent | 33.3, 26.7, 20 | rgb(33.3%,26.7%,20%) |
| CMYK | 0, 20, 40, 67 | |
| HSL | 30°, 25, 26.7 | hsl(30,25%,26.7%) |
| HSV (or HSB) | 30°, 40, 33.3 | |
| Web Safe | 663333 | #663333 |
| CIE-LAB | 30.169, 4.528, 13.054 |
|---|---|
| XYZ | 6.411, 6.305, 4.011 |
| xyY | 0.383, 0.377, 6.305 |
| CIE-LCH | 30.169, 13.817, 70.869 |
| CIE-LUV | 30.169, 11.399, 13.234 |
| Hunter-Lab | 25.109, 1.634, 8.105 |
| Binary | 01010101, 01000100, 00110011 |
Color Schemes with #554433
Alternatives to #554433
Below, you can see some colors close to #554433. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554433 Preview
This text has a font color of #554433.
<span style="color:#554433;">Text here</span>
This paragraph has a background color of #554433.
<p style="background-color:#554433;">Content here</p>
This element has a border color of #554433.
<div style="border:1px solid #554433;">Content here</div>
.text {color:#554433;}
.background {background-color:#554433;}
.border {border:1px solid #554433;}
Shades and Tints of #554433
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, #0b0907 is the darkest color, while #fffefe is the lightest one.
-
#0b0907
#0b0907rgb(11,9,7) -
#18130e
#18130ergb(24,19,14) -
#241d16
#241d16rgb(36,29,22) -
#30271d
#30271drgb(48,39,29) -
#3c3024
#3c3024rgb(60,48,36) -
#493a2c
#493a2crgb(73,58,44) -
#554433
#554433rgb(85,68,51) -
#614e3a
#614e3argb(97,78,58) -
#6e5842
#6e5842rgb(110,88,66) -
#7a6149
#7a6149rgb(122,97,73) -
#866b50
#866b50rgb(134,107,80) -
#927558
#927558rgb(146,117,88) -
#9f7f5f
#9f7f5frgb(159,127,95)
-
#a6896b
#a6896brgb(166,137,107) -
#ae9277
#ae9277rgb(174,146,119) -
#b59c84
#b59c84rgb(181,156,132) -
#bca690
#bca690rgb(188,166,144) -
#c4b09c
#c4b09crgb(196,176,156) -
#cbbaa8
#cbbaa8rgb(203,186,168) -
#d2c4b5
#d2c4b5rgb(210,196,181) -
#dacdc1
#dacdc1rgb(218,205,193) -
#e1d7cd
#e1d7cdrgb(225,215,205) -
#e8e1d9
#e8e1d9rgb(232,225,217) -
#f0ebe6
#f0ebe6rgb(240,235,230) -
#f7f5f2
#f7f5f2rgb(247,245,242) -
#fffefe
#fffefergb(255,254,254)
Tones of #554433
A tone is produced by adding gray to any pure hue. In this case, #454443 is the less saturated color, while #844404 is the most saturated one.
-
#454443
#454443rgb(69,68,67) -
#4b443d
#4b443drgb(75,68,61) -
#504438
#504438rgb(80,68,56) -
#554433
#554433rgb(85,68,51) -
#5a442e
#5a442ergb(90,68,46) -
#5f4429
#5f4429rgb(95,68,41) -
#654423
#654423rgb(101,68,35) -
#6a441e
#6a441ergb(106,68,30) -
#6f4419
#6f4419rgb(111,68,25) -
#744414
#744414rgb(116,68,20) -
#7a440e
#7a440ergb(122,68,14) -
#7f4409
#7f4409rgb(127,68,9) -
#844404
#844404rgb(132,68,4)
Color Blindness Simulator
Below, you can see how #554433 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.
