#ba690e hex color

In a RGB color space, hex #ba690e is composed of 72.9% red, 41.2% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.5% magenta, 92.5% yellow and 27.1% black. It has a hue angle of 31.7 degrees, a saturation of 86% and a lightness of 39.2%. #ba690e color hex could be obtained by blending #ffd21c with #750000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 41
- B 5
RGB color chart
- C 0
- M 44
- Y 92
- K 27
CMYK color chart

● #ba690e color description : Strong orange.

The hexadecimal color #ba690e has RGB values of R:186, G:105, B:14 and CMYK values of C:0, M:0.44, Y:0.92, K:0.27. Its decimal value is 12216590.

Hex triplet	ba690e	`#ba690e`
RGB Decimal	186, 105, 14	`rgb(186,105,14)`
RGB Percent	72.9, 41.2, 5.5	`rgb(72.9%,41.2%,5.5%)`
CMYK	0, 44, 92, 27
HSL	31.7°, 86, 39.2	`hsl(31.7,86%,39.2%)`
HSV (or HSB)	31.7°, 92.5, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.482, 26.797, 57.33
XYZ	25.381, 20.576, 3.05
xyY	0.518, 0.42, 20.576
CIE-LCH	52.482, 63.284, 64.948
CIE-LUV	52.482, 66.865, 48.637
Hunter-Lab	45.361, 20.497, 27.766
Binary	10111010, 01101001, 00001110

#ba690e
```
#ba690e rgb(186,105,14)
```
#0e5fba
```
#0e5fba rgb(14,95,186)
```

Complementary Color

#ba130e
```
#ba130e rgb(186,19,14)
```
#ba690e
```
#ba690e rgb(186,105,14)
```
#b5ba0e
```
#b5ba0e rgb(181,186,14)
```

Analogous Color

#130eba
```
#130eba rgb(19,14,186)
```
#ba690e
```
#ba690e rgb(186,105,14)
```
#0eb5ba
```
#0eb5ba rgb(14,181,186)
```

Split Complementary Color

#690eba
```
#690eba rgb(105,14,186)
```
#ba690e
```
#ba690e rgb(186,105,14)
```
#0eba69
```
#0eba69 rgb(14,186,105)
```

Triadic Color

#ba0e5f
```
#ba0e5f rgb(186,14,95)
```
#ba690e
```
#ba690e rgb(186,105,14)
```
#0eba69
```
#0eba69 rgb(14,186,105)
```
#0e5fba
```
#0e5fba rgb(14,95,186)
```

Tetradic Color

#734109
```
#734109 rgb(115,65,9)
```
#8b4e0a
```
#8b4e0a rgb(139,78,10)
```
#a25c0c
```
#a25c0c rgb(162,92,12)
```
#ba690e
```
#ba690e rgb(186,105,14)
```
#d27610
```
#d27610 rgb(210,118,16)
```
#e98412
```
#e98412 rgb(233,132,18)
```
#ef9026
```
#ef9026 rgb(239,144,38)
```

Monochromatic Color

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

#ba3e0e
```
#ba3e0e rgb(186,62,14)
```
#ba4c0e
```
#ba4c0e rgb(186,76,14)
```
#ba5b0e
```
#ba5b0e rgb(186,91,14)
```
#ba690e
```
#ba690e rgb(186,105,14)
```
#ba770e
```
#ba770e rgb(186,119,14)
```
#ba860e
```
#ba860e rgb(186,134,14)
```
#ba940e
```
#ba940e rgb(186,148,14)
```

Similar Colors

Text with hexadecimal color #ba690e

This text has a font color of #ba690e.

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

#ba690e background color

This paragraph has a background color of #ba690e.

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

#ba690e border color

This element has a border color of #ba690e.

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

CSS codes

.text {color:#ba690e;}

.background {background-color:#ba690e;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#160c02
```
#160c02 rgb(22,12,2)
```
#281703
```
#281703 rgb(40,23,3)
```
#3a2104
```
#3a2104 rgb(58,33,4)
```
#4d2b06
```
#4d2b06 rgb(77,43,6)
```
#5f3607
```
#5f3607 rgb(95,54,7)
```
#714009
```
#714009 rgb(113,64,9)
```
#834a0a
```
#834a0a rgb(131,74,10)
```
#96540b
```
#96540b rgb(150,84,11)
```
#a85f0d
```
#a85f0d rgb(168,95,13)
```
#ba690e
```
#ba690e rgb(186,105,14)
```
#cc730f
```
#cc730f rgb(204,115,15)
```
#de7e11
```
#de7e11 rgb(222,126,17)
```

Shade Color Variation

#ed8815
```
#ed8815 rgb(237,136,21)
```
#ef9128
```
#ef9128 rgb(239,145,40)
```
#f09a3a
```
#f09a3a rgb(240,154,58)
```
#f2a44c
```
#f2a44c rgb(242,164,76)
```
#f3ad5e
```
#f3ad5e rgb(243,173,94)
```
#f4b671
```
#f4b671 rgb(244,182,113)
```
#f6c083
```
#f6c083 rgb(246,192,131)
```
#f7c995
```
#f7c995 rgb(247,201,149)
```
#f8d2a7
```
#f8d2a7 rgb(248,210,167)
```
#fadcba
```
#fadcba rgb(250,220,186)
```
#fbe5cc
```
#fbe5cc rgb(251,229,204)
```
#fdeede
```
#fdeede rgb(253,238,222)
```
#fef8f0
```
#fef8f0 rgb(254,248,240)
```

Tint Color Variation

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

#656463
```
#656463 rgb(101,100,99)
```
#6d655b
```
#6d655b rgb(109,101,91)
```
#756553
```
#756553 rgb(117,101,83)
```
#7c654c
```
#7c654c rgb(124,101,76)
```
#846644
```
#846644 rgb(132,102,68)
```
#8c663c
```
#8c663c rgb(140,102,60)
```
#946734
```
#946734 rgb(148,103,52)
```
#9b672d
```
#9b672d rgb(155,103,45)
```
#a36825
```
#a36825 rgb(163,104,37)
```
#ab681d
```
#ab681d rgb(171,104,29)
```
#b26916
```
#b26916 rgb(178,105,22)
```
#ba690e
```
#ba690e rgb(186,105,14)
```
#c26906
```
#c26906 rgb(194,105,6)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#847462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93841f Protanopia 1% of men
#a57d0b Deuteranopia 1% of men
#c16970 Tritanopia 0.001% of the population

Trichromacy

#a17a19 Protanomaly 1% of men, 0.01% of women
#ac760c Deuteranomaly 6% of men, 0.4% of women
#be694c Tritanomaly 0.01% of the population

#ba690e hex color

#ba690e Color Information

#ba690e Color Conversion

Color Schemes with #ba690e

Alternatives to #ba690e

#ba690e Preview

Shades and Tints of #ba690e

Tones of #ba690e

Color Blindness Simulator