#bf663d hex color

In a RGB color space, hex #bf663d is composed of 74.9% red, 40% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.6% magenta, 68.1% yellow and 25.1% black. It has a hue angle of 18.9 degrees, a saturation of 51.6% and a lightness of 49.4%. #bf663d color hex could be obtained by blending #ffcc7a with #7f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 75
- G 40
- B 24
RGB color chart
- C 0
- M 47
- Y 68
- K 25
CMYK color chart

● #bf663d color description : Moderate orange.

The hexadecimal color #bf663d has RGB values of R:191, G:102, B:61 and CMYK values of C:0, M:0.47, Y:0.68, K:0.25. Its decimal value is 12543549.

Hex triplet	bf663d	`#bf663d`
RGB Decimal	191, 102, 61	`rgb(191,102,61)`
RGB Percent	74.9, 40, 23.9	`rgb(74.9%,40%,23.9%)`
CMYK	0, 47, 68, 25
HSL	18.9°, 51.6, 49.4	`hsl(18.9,51.6%,49.4%)`
HSV (or HSB)	18.9°, 68.1, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.86, 32.199, 38.504
XYZ	27.08, 20.918, 7.026
xyY	0.492, 0.38, 20.918
CIE-LCH	52.86, 50.193, 50.096
CIE-LUV	52.86, 69.711, 35.615
Hunter-Lab	45.737, 25.65, 22.907
Binary	10111111, 01100110, 00111101

#bf663d
```
#bf663d rgb(191,102,61)
```
#3d96bf
```
#3d96bf rgb(61,150,191)
```

Complementary Color

#bf3d55
```
#bf3d55 rgb(191,61,85)
```
#bf663d
```
#bf663d rgb(191,102,61)
```
#bfa73d
```
#bfa73d rgb(191,167,61)
```

Analogous Color

#3d55bf
```
#3d55bf rgb(61,85,191)
```
#bf663d
```
#bf663d rgb(191,102,61)
```
#3dbfa7
```
#3dbfa7 rgb(61,191,167)
```

Split Complementary Color

#663dbf
```
#663dbf rgb(102,61,191)
```
#bf663d
```
#bf663d rgb(191,102,61)
```
#3dbf66
```
#3dbf66 rgb(61,191,102)
```

Triadic Color

#bf3d96
```
#bf3d96 rgb(191,61,150)
```
#bf663d
```
#bf663d rgb(191,102,61)
```
#3dbf66
```
#3dbf66 rgb(61,191,102)
```
#3d96bf
```
#3d96bf rgb(61,150,191)
```

Tetradic Color

#85472a
```
#85472a rgb(133,71,42)
```
#985131
```
#985131 rgb(152,81,49)
```
#ac5c37
```
#ac5c37 rgb(172,92,55)
```
#bf663d
```
#bf663d rgb(191,102,61)
```
#c7754f
```
#c7754f rgb(199,117,79)
```
#cd8462
```
#cd8462 rgb(205,132,98)
```
#d39375
```
#d39375 rgb(211,147,117)
```

Monochromatic Color

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

#bf463d
```
#bf463d rgb(191,70,61)
```
#bf503d
```
#bf503d rgb(191,80,61)
```
#bf5b3d
```
#bf5b3d rgb(191,91,61)
```
#bf663d
```
#bf663d rgb(191,102,61)
```
#bf713d
```
#bf713d rgb(191,113,61)
```
#bf7c3d
```
#bf7c3d rgb(191,124,61)
```
#bf873d
```
#bf873d rgb(191,135,61)
```

Similar Colors

Text with hexadecimal color #bf663d

This text has a font color of #bf663d.

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

#bf663d background color

This paragraph has a background color of #bf663d.

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

#bf663d border color

This element has a border color of #bf663d.

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

CSS codes

.text {color:#bf663d;}

.background {background-color:#bf663d;}

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

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, #0d0704 is the darkest color, while #fefdfd is the lightest one.

#0d0704
```
#0d0704 rgb(13,7,4)
```
#1b0f09
```
#1b0f09 rgb(27,15,9)
```
#2a170e
```
#2a170e rgb(42,23,14)
```
#391f12
```
#391f12 rgb(57,31,18)
```
#482617
```
#482617 rgb(72,38,23)
```
#572e1c
```
#572e1c rgb(87,46,28)
```
#663621
```
#663621 rgb(102,54,33)
```
#753e25
```
#753e25 rgb(117,62,37)
```
#84462a
```
#84462a rgb(132,70,42)
```
#924e2f
```
#924e2f rgb(146,78,47)
```
#a15634
```
#a15634 rgb(161,86,52)
```
#b05e38
```
#b05e38 rgb(176,94,56)
```
#bf663d
```
#bf663d rgb(191,102,61)
```

Shade Color Variation

#c5714a
```
#c5714a rgb(197,113,74)
```
#ca7d59
```
#ca7d59 rgb(202,125,89)
```
#cf8868
```
#cf8868 rgb(207,136,104)
```
#d49477
```
#d49477 rgb(212,148,119)
```
#d8a086
```
#d8a086 rgb(216,160,134)
```
#ddab95
```
#ddab95 rgb(221,171,149)
```
#e2b7a4
```
#e2b7a4 rgb(226,183,164)
```
#e7c3b2
```
#e7c3b2 rgb(231,195,178)
```
#ebcfc1
```
#ebcfc1 rgb(235,207,193)
```
#f0dad0
```
#f0dad0 rgb(240,218,208)
```
#f5e6df
```
#f5e6df rgb(245,230,223)
```
#faf2ee
```
#faf2ee rgb(250,242,238)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#857b77
```
#857b77 rgb(133,123,119)
```
#8f786d
```
#8f786d rgb(143,120,109)
```
#987464
```
#987464 rgb(152,116,100)
```
#a2715a
```
#a2715a rgb(162,113,90)
```
#ac6d50
```
#ac6d50 rgb(172,109,80)
```
#b56a47
```
#b56a47 rgb(181,106,71)
```
#bf663d
```
#bf663d rgb(191,102,61)
```
#c96233
```
#c96233 rgb(201,98,51)
```
#d25f2a
```
#d25f2a rgb(210,95,42)
```
#dc5b20
```
#dc5b20 rgb(220,91,32)
```
#e65816
```
#e65816 rgb(230,88,22)
```
#ef540d
```
#ef540d rgb(239,84,13)
```
#f95103
```
#f95103 rgb(249,81,3)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#89786f Atypical Achromatopsia 0.001% of the population

Dichromacy

#91844e Protanopia 1% of men
#a27e42 Deuteranopia 1% of men
#c4686f Tritanopia 0.001% of the population

Trichromacy

#a17948 Protanomaly 1% of men, 0.01% of women
#ac7540 Deuteranomaly 6% of men, 0.4% of women
#c2675d Tritanomaly 0.01% of the population

#bf663d hex color

#bf663d Color Information

#bf663d Color Conversion

Color Schemes with #bf663d

Alternatives to #bf663d

#bf663d Preview

Shades and Tints of #bf663d

Tones of #bf663d

Color Blindness Simulator