#ba7020 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ba7020 | RGB(186, 112, 32) |
Created at 02/28/2023 17:26
Classification of #ba7020 color
#ba7020 is Light and Warm Color Saturation 71%, lightness 43%.
Shade of chocolate
RGB values are RGB(186, 112, 32)
#ba7020 color contains Red 72.94%, Green 43.92% and Blue 12.55%.
oklch(61.35% 0.1287 62.1)
#ba7020 color contains Red 72.94%, Green 43.92% and Blue 12.55%.
oklch(61.35% 0.1287 62.1)
Color Names of #ba7020 HEX code
≈ Bourbon
Alternative colors of #ba7020
Opposite Color for #ba7020 is #206aba
#ba7020 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba7020
Decimal
12218400
HEX
#ba7020
HSL
hsl(31, 71%, 43%)
HSLA
hsla(31, 71%, 43%, 1)
RGB
RGB(186, 112, 32)
RGBA
RGBA(186, 112, 32, 1)
Palettes for #ba7020 color:
Below examples of color palettes for #ba7020 HEX color
darkest color is #130b03 from shades and lightest color is #f8f1e9 from tints
Shades palette of #ba7020:
#a7651d
#955a1a
#824e16
#704313
#5d3810
#4a2d0d
#38220a
#251606
#130b03
#000000
Tints palette of #ba7020:
#c17e36
#c88d4d
#cf9b63
#d6a979
#ddb890
#e3c6a6
#ead4bc
#f1e2d2
#f8f1e9
#ffffff
Complementary palette of #ba7020:
#ba7020
#206aba
Triadic palette of #ba7020:
#ba7020
#20ba70
#7020ba
Square palette of #ba7020:
#ba7020
#20ba23
#206aba
#ba20b7
Analogous palette of #ba7020:
#ba2320
#ba7020
#b7ba20
Split-Complementary palette of #ba7020:
#ba7020
#20b7ba
#2320ba
Rectangle (tetradic) palette of #ba7020:
#ba7020
#6aba20
#206aba
#7020ba
Suggested color palettes for #ba7020 HEX:
Color palette with color #ba7020 #1:
Color palette with color #ba7020 #2:
Color palette with color #ba7020 #3:
Color palette with color #ba7020 #4:
Color palette with color #ba7020 #5:
Color #ba7020 used in palettes (1)
Color Contrast
Color pairings #ba7020 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ba7020
#ba7020 Contrast Ratio
3.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba7020
#ba7020 Contrast Ratio
5.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ba7020 color png
Visit the popular colors list for more colors