#554233 Color Information
In a RGB color space, hex #554233 is composed of 33.3% red, 25.9% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 40% yellow and 66.7% black. It has a hue angle of 26.5 degrees, a saturation of 25% and a lightness of 26.7%. #554233 color hex could be obtained by blending #aa8466 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 26
- B 20
-
- C 0
- M 22
- Y 40
- K 67
● #554233 color description : Very dark desaturated orange.
#554233 Color Conversion
The hexadecimal color #554233 has RGB values of R:85, G:66, B:51 and CMYK values of C:0, M:0.22, Y:0.4, K:0.67. Its decimal value is 5587507.
| Hex triplet | 554233 | #554233 |
|---|---|---|
| RGB Decimal | 85, 66, 51 | rgb(85,66,51) |
| RGB Percent | 33.3, 25.9, 20 | rgb(33.3%,25.9%,20%) |
| CMYK | 0, 22, 40, 67 | |
| HSL | 26.5°, 25, 26.7 | hsl(26.5,25%,26.7%) |
| HSV (or HSB) | 26.5°, 40, 33.3 | |
| Web Safe | 663333 | #663333 |
| CIE-LAB | 29.581, 5.796, 12.26 |
|---|---|
| XYZ | 6.292, 6.067, 3.971 |
| xyY | 0.385, 0.372, 6.067 |
| CIE-LCH | 29.581, 13.562, 64.697 |
| CIE-LUV | 29.581, 12.542, 12.167 |
| Hunter-Lab | 24.631, 2.493, 7.682 |
| Binary | 01010101, 01000010, 00110011 |
Color Schemes with #554233
Alternatives to #554233
Below, you can see some colors close to #554233. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554233 Preview
This text has a font color of #554233.
<span style="color:#554233;">Text here</span>
This paragraph has a background color of #554233.
<p style="background-color:#554233;">Content here</p>
This element has a border color of #554233.
<div style="border:1px solid #554233;">Content here</div>
.text {color:#554233;}
.background {background-color:#554233;}
.border {border:1px solid #554233;}
Shades and Tints of #554233
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) -
#18120e
#18120ergb(24,18,14) -
#241c16
#241c16rgb(36,28,22) -
#30251d
#30251drgb(48,37,29) -
#3c2f24
#3c2f24rgb(60,47,36) -
#49382c
#49382crgb(73,56,44) -
#554233
#554233rgb(85,66,51) -
#614c3a
#614c3argb(97,76,58) -
#6e5542
#6e5542rgb(110,85,66) -
#7a5f49
#7a5f49rgb(122,95,73) -
#866850
#866850rgb(134,104,80) -
#927258
#927258rgb(146,114,88) -
#9f7b5f
#9f7b5frgb(159,123,95)
-
#a6856b
#a6856brgb(166,133,107) -
#ae8f77
#ae8f77rgb(174,143,119) -
#b59984
#b59984rgb(181,153,132) -
#bca390
#bca390rgb(188,163,144) -
#c4ae9c
#c4ae9crgb(196,174,156) -
#cbb8a8
#cbb8a8rgb(203,184,168) -
#d2c2b5
#d2c2b5rgb(210,194,181) -
#daccc1
#daccc1rgb(218,204,193) -
#e1d6cd
#e1d6cdrgb(225,214,205) -
#e8e0d9
#e8e0d9rgb(232,224,217) -
#f0eae6
#f0eae6rgb(240,234,230) -
#f7f4f2
#f7f4f2rgb(247,244,242) -
#fffefe
#fffefergb(255,254,254)
Tones of #554233
A tone is produced by adding gray to any pure hue. In this case, #454443 is the less saturated color, while #843c04 is the most saturated one.
-
#454443
#454443rgb(69,68,67) -
#4b433d
#4b433drgb(75,67,61) -
#504338
#504338rgb(80,67,56) -
#554233
#554233rgb(85,66,51) -
#5a412e
#5a412ergb(90,65,46) -
#5f4129
#5f4129rgb(95,65,41) -
#654023
#654023rgb(101,64,35) -
#6a401e
#6a401ergb(106,64,30) -
#6f3f19
#6f3f19rgb(111,63,25) -
#743e14
#743e14rgb(116,62,20) -
#7a3e0e
#7a3e0ergb(122,62,14) -
#7f3d09
#7f3d09rgb(127,61,9) -
#843c04
#843c04rgb(132,60,4)
Color Blindness Simulator
Below, you can see how #554233 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.
