colorhexa.com

#bf673e hex color

In a RGB color space, hex #bf673e is composed of 74.9% red, 40.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.1% magenta, 67.5% yellow and 25.1% black. It has a hue angle of 19.1 degrees, a saturation of 51% and a lightness of 49.6%. #bf673e color hex could be obtained by blending #ffce7c with #7f0000. Closest websafe color is: #cc6633.

- R 75
- G 40
- B 24
RGB color chart
- C 0
- M 46
- Y 68
- K 25
CMYK color chart

● #bf673e color description : Moderate orange.

The hexadecimal color #bf673e has RGB values of R:191, G:103, B:62 and CMYK values of C:0, M:0.46, Y:0.68, K:0.25. Its decimal value is 12543806.

Hex triplet	bf673e	`#bf673e`
RGB Decimal	191, 103, 62	`rgb(191,103,62)`
RGB Percent	74.9, 40.4, 24.3	`rgb(74.9%,40.4%,24.3%)`
CMYK	0, 46, 68, 25
HSL	19.1°, 51, 49.6	`hsl(19.1,51%,49.6%)`
HSV (or HSB)	19.1°, 67.5, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.088, 31.726, 38.233
XYZ	27.206, 21.127, 7.202
xyY	0.49, 0.38, 21.127
CIE-LCH	53.088, 49.681, 50.314
CIE-LUV	53.088, 68.827, 35.598
Hunter-Lab	45.964, 25.218, 22.884
Binary	10111111, 01100111, 00111110

#bf673e
```
#bf673e rgb(191,103,62)
```
#3e96bf
```
#3e96bf rgb(62,150,191)
```

Complementary Color

#bf3e56
```
#bf3e56 rgb(191,62,86)
```
#bf673e
```
#bf673e rgb(191,103,62)
```
#bfa83e
```
#bfa83e rgb(191,168,62)
```

Analogous Color

#3e56bf
```
#3e56bf rgb(62,86,191)
```
#bf673e
```
#bf673e rgb(191,103,62)
```
#3ebfa8
```
#3ebfa8 rgb(62,191,168)
```

Split Complementary Color

#673ebf
```
#673ebf rgb(103,62,191)
```
#bf673e
```
#bf673e rgb(191,103,62)
```
#3ebf67
```
#3ebf67 rgb(62,191,103)
```

Triadic Color

#bf3e96
```
#bf3e96 rgb(191,62,150)
```
#bf673e
```
#bf673e rgb(191,103,62)
```
#3ebf67
```
#3ebf67 rgb(62,191,103)
```
#3e96bf
```
#3e96bf rgb(62,150,191)
```

Tetradic Color

#85482b
```
#85482b rgb(133,72,43)
```
#985232
```
#985232 rgb(152,82,50)
```
#ac5d38
```
#ac5d38 rgb(172,93,56)
```
#bf673e
```
#bf673e rgb(191,103,62)
```
#c67650
```
#c67650 rgb(198,118,80)
```
#cd8563
```
#cd8563 rgb(205,133,99)
```
#d39477
```
#d39477 rgb(211,148,119)
```

Monochromatic Color

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

#bf473e
```
#bf473e rgb(191,71,62)
```
#bf523e
```
#bf523e rgb(191,82,62)
```
#bf5c3e
```
#bf5c3e rgb(191,92,62)
```
#bf673e
```
#bf673e rgb(191,103,62)
```
#bf723e
```
#bf723e rgb(191,114,62)
```
#bf7d3e
```
#bf7d3e rgb(191,125,62)
```
#bf873e
```
#bf873e rgb(191,135,62)
```

Similar Colors

Text with hexadecimal color #bf673e

This text has a font color of #bf673e.

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

#bf673e background color

This paragraph has a background color of #bf673e.

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

#bf673e border color

This element has a border color of #bf673e.

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

CSS codes

.text {color:#bf673e;}

.background {background-color:#bf673e;}

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

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 #fffefd is the lightest one.

#0d0704
```
#0d0704 rgb(13,7,4)
```
#1c0f09
```
#1c0f09 rgb(28,15,9)
```
#2b170e
```
#2b170e rgb(43,23,14)
```
#3a1f13
```
#3a1f13 rgb(58,31,19)
```
#492718
```
#492718 rgb(73,39,24)
```
#572f1c
```
#572f1c rgb(87,47,28)
```
#663721
```
#663721 rgb(102,55,33)
```
#753f26
```
#753f26 rgb(117,63,38)
```
#84472b
```
#84472b rgb(132,71,43)
```
#934f30
```
#934f30 rgb(147,79,48)
```
#a15734
```
#a15734 rgb(161,87,52)
```
#b05f39
```
#b05f39 rgb(176,95,57)
```
#bf673e
```
#bf673e rgb(191,103,62)
```

Shade Color Variation

#c5724c
```
#c5724c rgb(197,114,76)
```
#ca7e5b
```
#ca7e5b rgb(202,126,91)
```
#ce8a69
```
#ce8a69 rgb(206,138,105)
```
#d39578
```
#d39578 rgb(211,149,120)
```
#d8a187
```
#d8a187 rgb(216,161,135)
```
#ddac96
```
#ddac96 rgb(221,172,150)
```
#e2b8a5
```
#e2b8a5 rgb(226,184,165)
```
#e6c4b3
```
#e6c4b3 rgb(230,196,179)
```
#ebcfc2
```
#ebcfc2 rgb(235,207,194)
```
#f0dbd1
```
#f0dbd1 rgb(240,219,209)
```
#f5e7e0
```
#f5e7e0 rgb(245,231,224)
```
#faf2ef
```
#faf2ef rgb(250,242,239)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#857c78
```
#857c78 rgb(133,124,120)
```
#8e796f
```
#8e796f rgb(142,121,111)
```
#987565
```
#987565 rgb(152,117,101)
```
#a2725b
```
#a2725b rgb(162,114,91)
```
#ac6e51
```
#ac6e51 rgb(172,110,81)
```
#b56b48
```
#b56b48 rgb(181,107,72)
```
#bf673e
```
#bf673e rgb(191,103,62)
```
#c96334
```
#c96334 rgb(201,99,52)
```
#d2602b
```
#d2602b rgb(210,96,43)
```
#dc5c21
```
#dc5c21 rgb(220,92,33)
```
#e65917
```
#e65917 rgb(230,89,23)
```
#f0550d
```
#f0550d rgb(240,85,13)
```
#f95204
```
#f95204 rgb(249,82,4)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8a7970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91854f Protanopia 1% of men
#a37f43 Deuteranopia 1% of men
#c46970 Tritanopia 0.001% of the population

Trichromacy

#a27a49 Protanomaly 1% of men, 0.01% of women
#ad7641 Deuteranomaly 6% of men, 0.4% of women
#c2685e Tritanomaly 0.01% of the population