#bf3300 hex color
In a RGB color space, hex #bf3300 is composed of 74.9% red, 20% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.3% magenta, 100% yellow and 25.1% black. It has a hue angle of 16 degrees, a saturation of 100% and a lightness of 37.5%. #bf3300 color hex could be obtained by blending #ff6600 with #7f0000. Closest websafe color is: #cc3300.
-
- R 75
- G 20
- B 0
RGB color chart
-
- C 0
- M 73
- Y 100
- K 25
CMYK color chart
● #bf3300 color description : Strong orange.
The hexadecimal color #bf3300 has RGB values of R:191, G:51, B:0 and CMYK values of C:0, M:0.73, Y:1, K:0.25. Its decimal value is 12530432.
Hex triplet | bf3300 | #bf3300 |
---|---|---|
RGB Decimal | 191, 51, 0 | rgb(191,51,0) |
RGB Percent | 74.9, 20, 0 | rgb(74.9%,20%,0%) |
CMYK | 0, 73, 100, 25 | |
HSL | 16°, 100, 37.5 | hsl(16,100%,37.5%) |
HSV (or HSB) | 16°, 100, 74.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 43.429, 53.925, 55.589 |
---|---|
XYZ | 22.671, 13.447, 1.402 |
xyY | 0.604, 0.358, 13.447 |
CIE-LCH | 43.429, 77.447, 45.87 |
CIE-LUV | 43.429, 112.288, 34.504 |
Hunter-Lab | 36.67, 46.184, 23.402 |
Binary | 10111111, 00110011, 00000000 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #bf3300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #bf3300
This text has a font color of #bf3300.
<span style="color:#bf3300;">Text here</span>
#bf3300 background color
This paragraph has a background color of #bf3300.
<p style="background-color:#bf3300;">Content here</p>
#bf3300 border color
This element has a border color of #bf3300.
<div style="border:1px solid #bf3300;">Content here</div>
CSS codes
.text {color:#bf3300;}
.background {background-color:#bf3300;}
.border {border:1px solid #bf3300;}
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, #0e0400 is the darkest color, while #fffbfa is the lightest one.
-
#0e0400
#0e0400
rgb(14,4,0)
-
#220900
#220900
rgb(34,9,0)
-
#360e00
#360e00
rgb(54,14,0)
-
#491400
#491400
rgb(73,20,0)
-
#5d1900
#5d1900
rgb(93,25,0)
-
#711e00
#711e00
rgb(113,30,0)
-
#842300
#842300
rgb(132,35,0)
-
#982900
#982900
rgb(152,41,0)
-
#ab2e00
#ab2e00
rgb(171,46,0)
-
#bf3300
#bf3300
rgb(191,51,0)
-
#d33800
#d33800
rgb(211,56,0)
-
#e63d00
#e63d00
rgb(230,61,0)
-
#fa4300
#fa4300
rgb(250,67,0)
Shade Color Variation
-
#ff4f0e
#ff4f0e
rgb(255,79,14)
-
#ff5d22
#ff5d22
rgb(255,93,34)
-
#ff6b36
#ff6b36
rgb(255,107,54)
-
#ff7a49
#ff7a49
rgb(255,122,73)
-
#ff885d
#ff885d
rgb(255,136,93)
-
#ff9771
#ff9771
rgb(255,151,113)
-
#ffa584
#ffa584
rgb(255,165,132)
-
#ffb398
#ffb398
rgb(255,179,152)
-
#ffc2ab
#ffc2ab
rgb(255,194,171)
-
#ffd0bf
#ffd0bf
rgb(255,208,191)
-
#ffded3
#ffded3
rgb(255,222,211)
-
#ffede6
#ffede6
rgb(255,237,230)
-
#fffbfa
#fffbfa
rgb(255,251,250)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #675c58 is the less saturated color, while #bf3300 is the most saturated one.
-
#675c58
#675c58
rgb(103,92,88)
-
#6e5951
#6e5951
rgb(110,89,81)
-
#765549
#765549
rgb(118,85,73)
-
#7d5242
#7d5242
rgb(125,82,66)
-
#844e3b
#844e3b
rgb(132,78,59)
-
#8c4b33
#8c4b33
rgb(140,75,51)
-
#93482c
#93482c
rgb(147,72,44)
-
#9a4425
#9a4425
rgb(154,68,37)
-
#a2411d
#a2411d
rgb(162,65,29)
-
#a93d16
#a93d16
rgb(169,61,22)
-
#b03a0f
#b03a0f
rgb(176,58,15)
-
#b83607
#b83607
rgb(184,54,7)
-
#bf3300
#bf3300
rgb(191,51,0)
Tone Color Variation
Below, you can see how #bf3300 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.
Monochromacy
Dichromacy