#bb825d hex color

In a RGB color space, hex #bb825d is composed of 73.3% red, 51% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.5% magenta, 50.3% yellow and 26.7% black. It has a hue angle of 23.6 degrees, a saturation of 40.9% and a lightness of 54.9%. #bb825d color hex could be obtained by blending #ffffba with #770500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 51
- B 36
RGB color chart
- C 0
- M 30
- Y 50
- K 27
CMYK color chart

● #bb825d color description : Moderate orange.

The hexadecimal color #bb825d has RGB values of R:187, G:130, B:93 and CMYK values of C:0, M:0.3, Y:0.5, K:0.27. Its decimal value is 12288605.

Hex triplet	bb825d	`#bb825d`
RGB Decimal	187, 130, 93	`rgb(187,130,93)`
RGB Percent	73.3, 51, 36.5	`rgb(73.3%,51%,36.5%)`
CMYK	0, 30, 50, 27
HSL	23.6°, 40.9, 54.9	`hsl(23.6,40.9%,54.9%)`
HSV (or HSB)	23.6°, 50.3, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.271, 17.69, 28.772
XYZ	30.452, 27.322, 14.025
xyY	0.424, 0.381, 27.322
CIE-LCH	59.271, 33.775, 58.416
CIE-LUV	59.271, 42.139, 31.936
Hunter-Lab	52.271, 12.519, 20.681
Binary	10111011, 10000010, 01011101

#bb825d
```
#bb825d rgb(187,130,93)
```
#5d96bb
```
#5d96bb rgb(93,150,187)
```

Complementary Color

#bb5d67
```
#bb5d67 rgb(187,93,103)
```
#bb825d
```
#bb825d rgb(187,130,93)
```
#bbb15d
```
#bbb15d rgb(187,177,93)
```

Analogous Color

#5d67bb
```
#5d67bb rgb(93,103,187)
```
#bb825d
```
#bb825d rgb(187,130,93)
```
#5dbbb1
```
#5dbbb1 rgb(93,187,177)
```

Split Complementary Color

#825dbb
```
#825dbb rgb(130,93,187)
```
#bb825d
```
#bb825d rgb(187,130,93)
```
#5dbb82
```
#5dbb82 rgb(93,187,130)
```

Triadic Color

#bb5d96
```
#bb5d96 rgb(187,93,150)
```
#bb825d
```
#bb825d rgb(187,130,93)
```
#5dbb82
```
#5dbb82 rgb(93,187,130)
```
#5d96bb
```
#5d96bb rgb(93,150,187)
```

Tetradic Color

#8f5d3c
```
#8f5d3c rgb(143,93,60)
```
#a16944
```
#a16944 rgb(161,105,68)
```
#b3744b
```
#b3744b rgb(179,116,75)
```
#bb825d
```
#bb825d rgb(187,130,93)
```
#c3906f
```
#c3906f rgb(195,144,111)
```
#ca9e81
```
#ca9e81 rgb(202,158,129)
```
#d2ac93
```
#d2ac93 rgb(210,172,147)
```

Monochromatic Color

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

#bb6b5d
```
#bb6b5d rgb(187,107,93)
```
#bb725d
```
#bb725d rgb(187,114,93)
```
#bb7a5d
```
#bb7a5d rgb(187,122,93)
```
#bb825d
```
#bb825d rgb(187,130,93)
```
#bb8a5d
```
#bb8a5d rgb(187,138,93)
```
#bb925d
```
#bb925d rgb(187,146,93)
```
#bb9a5d
```
#bb9a5d rgb(187,154,93)
```

Similar Colors

Text with hexadecimal color #bb825d

This text has a font color of #bb825d.

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

#bb825d background color

This paragraph has a background color of #bb825d.

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

#bb825d border color

This element has a border color of #bb825d.

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

CSS codes

.text {color:#bb825d;}

.background {background-color:#bb825d;}

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

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

#040202
```
#040202 rgb(4,2,2)
```
#120b07
```
#120b07 rgb(18,11,7)
```
#1f140d
```
#1f140d rgb(31,20,13)
```
#2d1d13
```
#2d1d13 rgb(45,29,19)
```
#3b2619
```
#3b2619 rgb(59,38,25)
```
#492f1f
```
#492f1f rgb(73,47,31)
```
#573824
```
#573824 rgb(87,56,36)
```
#65412a
```
#65412a rgb(101,65,42)
```
#724a30
```
#724a30 rgb(114,74,48)
```
#805336
```
#805336 rgb(128,83,54)
```
#8e5c3c
```
#8e5c3c rgb(142,92,60)
```
#9c6541
```
#9c6541 rgb(156,101,65)
```
#aa6e47
```
#aa6e47 rgb(170,110,71)
```

Shade Color Variation

#b5774f
```
#b5774f rgb(181,119,79)
```
#bb825d
```
#bb825d rgb(187,130,93)
```
#c18d6b
```
#c18d6b rgb(193,141,107)
```
#c79779
```
#c79779 rgb(199,151,121)
```
#cca286
```
#cca286 rgb(204,162,134)
```
#d2ad94
```
#d2ad94 rgb(210,173,148)
```
#d8b7a2
```
#d8b7a2 rgb(216,183,162)
```
#dec2b0
```
#dec2b0 rgb(222,194,176)
```
#e4cdbe
```
#e4cdbe rgb(228,205,190)
```
#e9d7cc
```
#e9d7cc rgb(233,215,204)
```
#efe2d9
```
#efe2d9 rgb(239,226,217)
```
#f5ede7
```
#f5ede7 rgb(245,237,231)
```
#fbf7f5
```
#fbf7f5 rgb(251,247,245)
```

Tint Color Variation

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

#8f8b89
```
#8f8b89 rgb(143,139,137)
```
#988a80
```
#988a80 rgb(152,138,128)
```
#a08878
```
#a08878 rgb(160,136,120)
```
#a9866f
```
#a9866f rgb(169,134,111)
```
#b28466
```
#b28466 rgb(178,132,102)
```
#bb825d
```
#bb825d rgb(187,130,93)
```
#c48054
```
#c48054 rgb(196,128,84)
```
#cd7e4b
```
#cd7e4b rgb(205,126,75)
```
#d67c42
```
#d67c42 rgb(214,124,66)
```
#de7a3a
```
#de7a3a rgb(222,122,58)
```
#e77931
```
#e77931 rgb(231,121,49)
```
#f07728
```
#f07728 rgb(240,119,40)
```
#f9751f
```
#f9751f rgb(249,117,31)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#988c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9469 Protanopia 1% of men
#b18e63 Deuteranopia 1% of men
#c2838c Tritanopia 0.001% of the population

Trichromacy

#a98d65 Protanomaly 1% of men, 0.01% of women
#b48961 Deuteranomaly 6% of men, 0.4% of women
#bf827b Tritanomaly 0.01% of the population

#bb825d hex color

#bb825d Color Information

#bb825d Color Conversion

Color Schemes with #bb825d

Alternatives to #bb825d

#bb825d Preview

Shades and Tints of #bb825d

Tones of #bb825d

Color Blindness Simulator