#bb450a hex color

In a RGB color space, hex #bb450a is composed of 73.3% red, 27.1% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 94.7% yellow and 26.7% black. It has a hue angle of 20 degrees, a saturation of 89.8% and a lightness of 38.6%. #bb450a color hex could be obtained by blending #ff8a14 with #770000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 73
- G 27
- B 4
RGB color chart
- C 0
- M 63
- Y 95
- K 27
CMYK color chart

● #bb450a color description : Strong orange.

The hexadecimal color #bb450a has RGB values of R:187, G:69, B:10 and CMYK values of C:0, M:0.63, Y:0.95, K:0.27. Its decimal value is 12272906.

Hex triplet	bb450a	`#bb450a`
RGB Decimal	187, 69, 10	`rgb(187,69,10)`
RGB Percent	73.3, 27.1, 3.9	`rgb(73.3%,27.1%,3.9%)`
CMYK	0, 63, 95, 27
HSL	20°, 89.8, 38.6	`hsl(20,89.8%,38.6%)`
HSV (or HSB)	20°, 94.7, 73.3
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.422, 45.365, 53.497
XYZ	22.677, 14.845, 1.959
xyY	0.574, 0.376, 14.845
CIE-LCH	45.422, 70.142, 49.702
CIE-LUV	45.422, 96.376, 37.48
Hunter-Lab	38.53, 37.632, 23.957
Binary	10111011, 01000101, 00001010

#bb450a
```
#bb450a rgb(187,69,10)
```
#0a80bb
```
#0a80bb rgb(10,128,187)
```

Complementary Color

#bb0a28
```
#bb0a28 rgb(187,10,40)
```
#bb450a
```
#bb450a rgb(187,69,10)
```
#bb9e0a
```
#bb9e0a rgb(187,158,10)
```

Analogous Color

#0a28bb
```
#0a28bb rgb(10,40,187)
```
#bb450a
```
#bb450a rgb(187,69,10)
```
#0abb9e
```
#0abb9e rgb(10,187,158)
```

Split Complementary Color

#450abb
```
#450abb rgb(69,10,187)
```
#bb450a
```
#bb450a rgb(187,69,10)
```
#0abb45
```
#0abb45 rgb(10,187,69)
```

Triadic Color

#bb0a80
```
#bb0a80 rgb(187,10,128)
```
#bb450a
```
#bb450a rgb(187,69,10)
```
#0abb45
```
#0abb45 rgb(10,187,69)
```
#0a80bb
```
#0a80bb rgb(10,128,187)
```

Tetradic Color

#722a06
```
#722a06 rgb(114,42,6)
```
#8b3307
```
#8b3307 rgb(139,51,7)
```
#a33c09
```
#a33c09 rgb(163,60,9)
```
#bb450a
```
#bb450a rgb(187,69,10)
```
#d34e0b
```
#d34e0b rgb(211,78,11)
```
#eb570d
```
#eb570d rgb(235,87,13)
```
#f3651f
```
#f3651f rgb(243,101,31)
```

Monochromatic Color

Below, you can see some colors close to #bb450a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#bb190a
```
#bb190a rgb(187,25,10)
```
#bb270a
```
#bb270a rgb(187,39,10)
```
#bb360a
```
#bb360a rgb(187,54,10)
```
#bb450a
```
#bb450a rgb(187,69,10)
```
#bb540a
```
#bb540a rgb(187,84,10)
```
#bb620a
```
#bb620a rgb(187,98,10)
```
#bb710a
```
#bb710a rgb(187,113,10)
```

Similar Colors

Text with hexadecimal color #bb450a

This text has a font color of #bb450a.

<span style="color:#bb450a;">Text here</span>

#bb450a background color

This paragraph has a background color of #bb450a.

<p style="background-color:#bb450a;">Content here</p>

#bb450a border color

This element has a border color of #bb450a.

<div style="border:1px solid #bb450a;">Content here</div>

CSS codes

.text {color:#bb450a;}

.background {background-color:#bb450a;}

.border {border:1px solid #bb450a;}

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, #010000 is the darkest color, while #fef3ed is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#130701
```
#130701 rgb(19,7,1)
```
#260e02
```
#260e02 rgb(38,14,2)
```
#391503
```
#391503 rgb(57,21,3)
```
#4b1c04
```
#4b1c04 rgb(75,28,4)
```
#5e2305
```
#5e2305 rgb(94,35,5)
```
#712a06
```
#712a06 rgb(113,42,6)
```
#833007
```
#833007 rgb(131,48,7)
```
#963708
```
#963708 rgb(150,55,8)
```
#a83e09
```
#a83e09 rgb(168,62,9)
```
#bb450a
```
#bb450a rgb(187,69,10)
```
#ce4c0b
```
#ce4c0b rgb(206,76,11)
```
#e0530c
```
#e0530c rgb(224,83,12)
```

Shade Color Variation

#f25a0e
```
#f25a0e rgb(242,90,14)
```
#f36720
```
#f36720 rgb(243,103,32)
```
#f47333
```
#f47333 rgb(244,115,51)
```
#f58046
```
#f58046 rgb(245,128,70)
```
#f68d58
```
#f68d58 rgb(246,141,88)
```
#f79a6b
```
#f79a6b rgb(247,154,107)
```
#f8a67d
```
#f8a67d rgb(248,166,125)
```
#f9b390
```
#f9b390 rgb(249,179,144)
```
#fac0a3
```
#fac0a3 rgb(250,192,163)
```
#fbcdb5
```
#fbcdb5 rgb(251,205,181)
```
#fcd9c8
```
#fcd9c8 rgb(252,217,200)
```
#fde6db
```
#fde6db rgb(253,230,219)
```
#fef3ed
```
#fef3ed rgb(254,243,237)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68615d is the less saturated color, while #c34202 is the most saturated one.

#68615d
```
#68615d rgb(104,97,93)
```
#6f5e56
```
#6f5e56 rgb(111,94,86)
```
#775c4e
```
#775c4e rgb(119,92,78)
```
#7e5947
```
#7e5947 rgb(126,89,71)
```
#86573f
```
#86573f rgb(134,87,63)
```
#8e5437
```
#8e5437 rgb(142,84,55)
```
#955230
```
#955230 rgb(149,82,48)
```
#9d4f28
```
#9d4f28 rgb(157,79,40)
```
#a44d21
```
#a44d21 rgb(164,77,33)
```
#ac4a19
```
#ac4a19 rgb(172,74,25)
```
#b34812
```
#b34812 rgb(179,72,18)
```
#bb450a
```
#bb450a rgb(187,69,10)
```
#c34202
```
#c34202 rgb(195,66,2)
```

Tone Color Variation

Below, you can see how #bb450a 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

#626262 Achromatopsia 0.005% of the population
#745c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807320 Protanopia 1% of men
#906d00 Deuteranopia 1% of men
#c0494d Tritanopia 0.001% of the population

Trichromacy

#956218 Protanomaly 1% of men, 0.01% of women
#9f5e03 Deuteranomaly 6% of men, 0.4% of women
#be4835 Tritanomaly 0.01% of the population

#bb450a hex color

#bb450a Color Information

#bb450a Color Conversion

Color Schemes with #bb450a

Alternatives to #bb450a

#bb450a Preview

Shades and Tints of #bb450a

Tones of #bb450a

Color Blindness Simulator