#bb683a Color Information
In a RGB color space, hex #bb683a is composed of 73.3% red, 40.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 69% yellow and 26.7% black. It has a hue angle of 21.4 degrees, a saturation of 52.7% and a lightness of 48%. #bb683a color hex could be obtained by blending #ffd074 with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 41
- B 23
-
- C 0
- M 44
- Y 69
- K 27
● #bb683a color description : Moderate orange.
#bb683a Color Conversion
The hexadecimal color #bb683a has RGB values of R:187, G:104, B:58 and CMYK values of C:0, M:0.44, Y:0.69, K:0.27. Its decimal value is 12281914.
Hex triplet | bb683a | #bb683a |
---|---|---|
RGB Decimal | 187, 104, 58 | rgb(187,104,58) |
RGB Percent | 73.3, 40.8, 22.7 | rgb(73.3%,40.8%,22.7%) |
CMYK | 0, 44, 69, 27 | |
HSL | 21.4°, 52.7, 48 | hsl(21.4,52.7%,48%) |
HSV (or HSB) | 21.4°, 69, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 52.7, 29.318, 39.757 |
---|---|
XYZ | 26.208, 20.773, 6.632 |
xyY | 0.489, 0.387, 20.773 |
CIE-LCH | 52.7, 49.398, 53.594 |
CIE-LUV | 52.7, 65.246, 37.221 |
Hunter-Lab | 45.577, 22.882, 23.277 |
Binary | 10111011, 01101000, 00111010 |
Color Schemes with #bb683a
Alternatives to #bb683a
Below, you can see some colors close to #bb683a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb683a Preview
This text has a font color of #bb683a.
<span style="color:#bb683a;">Text here</span>
This paragraph has a background color of #bb683a.
<p style="background-color:#bb683a;">Content here</p>
This element has a border color of #bb683a.
<div style="border:1px solid #bb683a;">Content here</div>
.text {color:#bb683a;}
.background {background-color:#bb683a;}
.border {border:1px solid #bb683a;}
Shades and Tints of #bb683a
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, #070402 is the darkest color, while #fdf9f7 is the lightest one.
-
#070402
#070402
rgb(7,4,2)
-
#160c07
#160c07
rgb(22,12,7)
-
#25150c
#25150c
rgb(37,21,12)
-
#341d10
#341d10
rgb(52,29,16)
-
#432515
#432515
rgb(67,37,21)
-
#522e19
#522e19
rgb(82,46,25)
-
#61361e
#61361e
rgb(97,54,30)
-
#703e23
#703e23
rgb(112,62,35)
-
#7f4727
#7f4727
rgb(127,71,39)
-
#8e4f2c
#8e4f2c
rgb(142,79,44)
-
#9d5731
#9d5731
rgb(157,87,49)
-
#ac6035
#ac6035
rgb(172,96,53)
-
#bb683a
#bb683a
rgb(187,104,58)
-
#c57244
#c57244
rgb(197,114,68)
-
#ca7d53
#ca7d53
rgb(202,125,83)
-
#ce8862
#ce8862
rgb(206,136,98)
-
#d39471
#d39471
rgb(211,148,113)
-
#d79f80
#d79f80
rgb(215,159,128)
-
#dcaa8f
#dcaa8f
rgb(220,170,143)
-
#e1b69e
#e1b69e
rgb(225,182,158)
-
#e5c1ad
#e5c1ad
rgb(229,193,173)
-
#eaccbb
#eaccbb
rgb(234,204,187)
-
#efd7ca
#efd7ca
rgb(239,215,202)
-
#f3e3d9
#f3e3d9
rgb(243,227,217)
-
#f8eee8
#f8eee8
rgb(248,238,232)
-
#fdf9f7
#fdf9f7
rgb(253,249,247)
Tones of #bb683a
A tone is produced by adding gray to any pure hue. In this case, #827873 is the less saturated color, while #f45801 is the most saturated one.
-
#827873
#827873
rgb(130,120,115)
-
#8c7669
#8c7669
rgb(140,118,105)
-
#957360
#957360
rgb(149,115,96)
-
#9f7056
#9f7056
rgb(159,112,86)
-
#a86d4d
#a86d4d
rgb(168,109,77)
-
#b26b43
#b26b43
rgb(178,107,67)
-
#bb683a
#bb683a
rgb(187,104,58)
-
#c46531
#c46531
rgb(196,101,49)
-
#ce6327
#ce6327
rgb(206,99,39)
-
#d7601e
#d7601e
rgb(215,96,30)
-
#e15d14
#e15d14
rgb(225,93,20)
-
#ea5a0b
#ea5a0b
rgb(234,90,11)
-
#f45801
#f45801
rgb(244,88,1)
Color Blindness Simulator
Below, you can see how #bb683a 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.