#bf681d hex color

In a RGB color space, hex #bf681d is composed of 74.9% red, 40.8% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 84.8% yellow and 25.1% black. It has a hue angle of 27.8 degrees, a saturation of 73.6% and a lightness of 43.1%. #bf681d color hex could be obtained by blending #ffd03a with #7f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 75
- G 41
- B 11
RGB color chart
- C 0
- M 46
- Y 85
- K 25
CMYK color chart

● #bf681d color description : Strong orange.

The hexadecimal color #bf681d has RGB values of R:191, G:104, B:29 and CMYK values of C:0, M:0.46, Y:0.85, K:0.25. Its decimal value is 12544029.

Hex triplet	bf681d	`#bf681d`
RGB Decimal	191, 104, 29	`rgb(191,104,29)`
RGB Percent	74.9, 40.8, 11.4	`rgb(74.9%,40.8%,11.4%)`
CMYK	0, 46, 85, 25
HSL	27.8°, 73.6, 43.1	`hsl(27.8,73.6%,43.1%)`
HSV (or HSB)	27.8°, 84.8, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.024, 29.777, 53.505
XYZ	26.659, 21.068, 3.825
xyY	0.517, 0.409, 21.068
CIE-LCH	53.024, 61.233, 60.903
CIE-LUV	53.024, 71.178, 46.224
Hunter-Lab	45.9, 23.349, 27.189
Binary	10111111, 01101000, 00011101

#bf681d
```
#bf681d rgb(191,104,29)
```
#1d74bf
```
#1d74bf rgb(29,116,191)
```

Complementary Color

#bf1d23
```
#bf1d23 rgb(191,29,35)
```
#bf681d
```
#bf681d rgb(191,104,29)
```
#bfb91d
```
#bfb91d rgb(191,185,29)
```

Analogous Color

#1d23bf
```
#1d23bf rgb(29,35,191)
```
#bf681d
```
#bf681d rgb(191,104,29)
```
#1dbfb9
```
#1dbfb9 rgb(29,191,185)
```

Split Complementary Color

#681dbf
```
#681dbf rgb(104,29,191)
```
#bf681d
```
#bf681d rgb(191,104,29)
```
#1dbf68
```
#1dbf68 rgb(29,191,104)
```

Triadic Color

#bf1d74
```
#bf1d74 rgb(191,29,116)
```
#bf681d
```
#bf681d rgb(191,104,29)
```
#1dbf68
```
#1dbf68 rgb(29,191,104)
```
#1d74bf
```
#1d74bf rgb(29,116,191)
```

Tetradic Color

#7d4413
```
#7d4413 rgb(125,68,19)
```
#935016
```
#935016 rgb(147,80,22)
```
#a95c1a
```
#a95c1a rgb(169,92,26)
```
#bf681d
```
#bf681d rgb(191,104,29)
```
#d57420
```
#d57420 rgb(213,116,32)
```
#df8130
```
#df8130 rgb(223,129,48)
```
#e38e46
```
#e38e46 rgb(227,142,70)
```

Monochromatic Color

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

#bf401d
```
#bf401d rgb(191,64,29)
```
#bf4d1d
```
#bf4d1d rgb(191,77,29)
```
#bf5b1d
```
#bf5b1d rgb(191,91,29)
```
#bf681d
```
#bf681d rgb(191,104,29)
```
#bf761d
```
#bf761d rgb(191,118,29)
```
#bf831d
```
#bf831d rgb(191,131,29)
```
#bf911d
```
#bf911d rgb(191,145,29)
```

Similar Colors

Text with hexadecimal color #bf681d

This text has a font color of #bf681d.

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

#bf681d background color

This paragraph has a background color of #bf681d.

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

#bf681d border color

This element has a border color of #bf681d.

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

CSS codes

.text {color:#bf681d;}

.background {background-color:#bf681d;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150b03
```
#150b03 rgb(21,11,3)
```
#261506
```
#261506 rgb(38,21,6)
```
#371e08
```
#371e08 rgb(55,30,8)
```
#48270b
```
#48270b rgb(72,39,11)
```
#59300d
```
#59300d rgb(89,48,13)
```
#6a3a10
```
#6a3a10 rgb(106,58,16)
```
#7b4313
```
#7b4313 rgb(123,67,19)
```
#8c4c15
```
#8c4c15 rgb(140,76,21)
```
#9d5518
```
#9d5518 rgb(157,85,24)
```
#ae5f1a
```
#ae5f1a rgb(174,95,26)
```
#bf681d
```
#bf681d rgb(191,104,29)
```
#d07120
```
#d07120 rgb(208,113,32)
```

Shade Color Variation

#de7b25
```
#de7b25 rgb(222,123,37)
```
#e18536
```
#e18536 rgb(225,133,54)
```
#e38f47
```
#e38f47 rgb(227,143,71)
```
#e69a58
```
#e69a58 rgb(230,154,88)
```
#e8a469
```
#e8a469 rgb(232,164,105)
```
#ebae7a
```
#ebae7a rgb(235,174,122)
```
#edb98b
```
#edb98b rgb(237,185,139)
```
#f0c39c
```
#f0c39c rgb(240,195,156)
```
#f3ceae
```
#f3ceae rgb(243,206,174)
```
#f5d8bf
```
#f5d8bf rgb(245,216,191)
```
#f8e2d0
```
#f8e2d0 rgb(248,226,208)
```
#faede1
```
#faede1 rgb(250,237,225)
```
#fdf7f2
```
#fdf7f2 rgb(253,247,242)
```

Tint Color Variation

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

#736e69
```
#736e69 rgb(115,110,105)
```
#7b6d61
```
#7b6d61 rgb(123,109,97)
```
#846c58
```
#846c58 rgb(132,108,88)
```
#8c6c50
```
#8c6c50 rgb(140,108,80)
```
#956b47
```
#956b47 rgb(149,107,71)
```
#9d6b3f
```
#9d6b3f rgb(157,107,63)
```
#a66a36
```
#a66a36 rgb(166,106,54)
```
#ae692e
```
#ae692e rgb(174,105,46)
```
#b76925
```
#b76925 rgb(183,105,37)
```
#bf681d
```
#bf681d rgb(191,104,29)
```
#c76715
```
#c76715 rgb(199,103,21)
```
#d0670c
```
#d0670c rgb(208,103,12)
```
#d86604
```
#d86604 rgb(216,102,4)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#877667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94852e Protanopia 1% of men
#a67e21 Deuteranopia 1% of men
#c5696f Tritanopia 0.001% of the population

Trichromacy

#a37a28 Protanomaly 1% of men, 0.01% of women
#af761f Deuteranomaly 6% of men, 0.4% of women
#c36851 Tritanomaly 0.01% of the population

#bf681d hex color

#bf681d Color Information

#bf681d Color Conversion

Color Schemes with #bf681d

Alternatives to #bf681d

#bf681d Preview

Shades and Tints of #bf681d

Tones of #bf681d

Color Blindness Simulator