#ba673a HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ba673a | RGB(186, 103, 58) |
Created at 03/13/2023 11:45
Classification of #ba673a color
#ba673a is Light and Warm Color Saturation 52%, lightness 48%.
Shade of Chocolate
RGB values are RGB(186, 103, 58)
#ba673a color contains Red 72.94%, Green 40.39% and Blue 22.75%.
oklch(60.01% 0.1219 47.58)
#ba673a color contains Red 72.94%, Green 40.39% and Blue 22.75%.
oklch(60.01% 0.1219 47.58)
Color Names of #ba673a HEX code
Copper Color
Alternative colors of #ba673a
Opposite Color for #ba673a is #3a8dba
#ba673a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba673a
cmyk
CMYK(0%, 45%, 69%, 27%)
Decimal
12216122
HEX
#ba673a
HSL
hsl(21, 52%, 48%)
HSLA
hsla(21, 52%, 48%, 1)
RGB
RGB(186, 103, 58)
RGBA
RGBA(186, 103, 58, 1)
Palettes for #ba673a color:
Below examples of color palettes for #ba673a HEX color
darkest color is #130a06 from shades and lightest color is #f8f0eb from tints
Shades palette of #ba673a:
#a75d34
#95522e
#824829
#703e23
#5d341d
#4a2917
#381f11
#25150c
#130a06
#000000
Tints palette of #ba673a:
#c1764e
#c88561
#cf9575
#d6a489
#ddb39d
#e3c2b0
#ead1c4
#f1e1d8
#f8f0eb
#ffffff
Complementary palette of #ba673a:
#ba673a
#3a8dba
Triadic palette of #ba673a:
#ba673a
#3aba67
#673aba
Square palette of #ba673a:
#ba673a
#4dba3a
#3a8dba
#a73aba
Analogous palette of #ba673a:
#ba3a4d
#ba673a
#baa73a
Split-Complementary palette of #ba673a:
#ba673a
#3abaa7
#3a4dba
Rectangle (tetradic) palette of #ba673a:
#ba673a
#8dba3a
#3a8dba
#673aba
Suggested color palettes for #ba673a HEX:
Color palette with color #ba673a #1:
Color palette with color #ba673a #2:
Color palette with color #ba673a #3:
Color palette with color #ba673a #4:
Color palette with color #ba673a #5:
Color #ba673a used in palettes (3)
Color Contrast
Color pairings #ba673a with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ba673a
#ba673a Contrast Ratio
4.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba673a
#ba673a Contrast Ratio
5.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ba673a color png
Visit the popular colors list for more colors