#bb553a Color Information
In a RGB color space, hex #bb553a is composed of 73.3% red, 33.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 69% yellow and 26.7% black. It has a hue angle of 12.6 degrees, a saturation of 52.7% and a lightness of 48%. #bb553a color hex could be obtained by blending #ffaa74 with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 23
-
- C 0
- M 55
- Y 69
- K 27
● #bb553a color description : Moderate red.
#bb553a Color Conversion
The hexadecimal color #bb553a has RGB values of R:187, G:85, B:58 and CMYK values of C:0, M:0.55, Y:0.69, K:0.27. Its decimal value is 12277050.
Hex triplet | bb553a | #bb553a |
---|---|---|
RGB Decimal | 187, 85, 58 | rgb(187,85,58) |
RGB Percent | 73.3, 33.3, 22.7 | rgb(73.3%,33.3%,22.7%) |
CMYK | 0, 55, 69, 27 | |
HSL | 12.6°, 52.7, 48 | hsl(12.6,52.7%,48%) |
HSV (or HSB) | 12.6°, 69, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.722, 39.262, 35.209 |
---|---|
XYZ | 24.507, 17.37, 6.065 |
xyY | 0.511, 0.362, 17.37 |
CIE-LCH | 48.722, 52.737, 41.885 |
CIE-LUV | 48.722, 79.438, 29.88 |
Hunter-Lab | 41.677, 32.026, 20.546 |
Binary | 10111011, 01010101, 00111010 |
Color Schemes with #bb553a
Alternatives to #bb553a
Below, you can see some colors close to #bb553a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb553a Preview
This text has a font color of #bb553a.
<span style="color:#bb553a;">Text here</span>
This paragraph has a background color of #bb553a.
<p style="background-color:#bb553a;">Content here</p>
This element has a border color of #bb553a.
<div style="border:1px solid #bb553a;">Content here</div>
.text {color:#bb553a;}
.background {background-color:#bb553a;}
.border {border:1px solid #bb553a;}
Shades and Tints of #bb553a
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, #070302 is the darkest color, while #fdf8f7 is the lightest one.
-
#070302
#070302
rgb(7,3,2)
-
#160a07
#160a07
rgb(22,10,7)
-
#25110c
#25110c
rgb(37,17,12)
-
#341810
#341810
rgb(52,24,16)
-
#431f15
#431f15
rgb(67,31,21)
-
#522519
#522519
rgb(82,37,25)
-
#612c1e
#612c1e
rgb(97,44,30)
-
#703323
#703323
rgb(112,51,35)
-
#7f3a27
#7f3a27
rgb(127,58,39)
-
#8e412c
#8e412c
rgb(142,65,44)
-
#9d4731
#9d4731
rgb(157,71,49)
-
#ac4e35
#ac4e35
rgb(172,78,53)
-
#bb553a
#bb553a
rgb(187,85,58)
-
#c55f44
#c55f44
rgb(197,95,68)
-
#ca6c53
#ca6c53
rgb(202,108,83)
-
#ce7862
#ce7862
rgb(206,120,98)
-
#d38571
#d38571
rgb(211,133,113)
-
#d79280
#d79280
rgb(215,146,128)
-
#dc9f8f
#dc9f8f
rgb(220,159,143)
-
#e1ac9e
#e1ac9e
rgb(225,172,158)
-
#e5b8ad
#e5b8ad
rgb(229,184,173)
-
#eac5bb
#eac5bb
rgb(234,197,187)
-
#efd2ca
#efd2ca
rgb(239,210,202)
-
#f3dfd9
#f3dfd9
rgb(243,223,217)
-
#f8ece8
#f8ece8
rgb(248,236,232)
-
#fdf8f7
#fdf8f7
rgb(253,248,247)
Tones of #bb553a
A tone is produced by adding gray to any pure hue. In this case, #827673 is the less saturated color, while #f43401 is the most saturated one.
-
#827673
#827673
rgb(130,118,115)
-
#8c7069
#8c7069
rgb(140,112,105)
-
#956b60
#956b60
rgb(149,107,96)
-
#9f6556
#9f6556
rgb(159,101,86)
-
#a8604d
#a8604d
rgb(168,96,77)
-
#b25a43
#b25a43
rgb(178,90,67)
-
#bb553a
#bb553a
rgb(187,85,58)
-
#c45031
#c45031
rgb(196,80,49)
-
#ce4a27
#ce4a27
rgb(206,74,39)
-
#d7451e
#d7451e
rgb(215,69,30)
-
#e13f14
#e13f14
rgb(225,63,20)
-
#ea3a0b
#ea3a0b
rgb(234,58,11)
-
#f43401
#f43401
rgb(244,52,1)
Color Blindness Simulator
Below, you can see how #bb553a 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.