Created at 03/13/2023 08:00
#ba7522 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ba7522 | RGB(186, 117, 34) |
RGB values are RGB(186, 117, 34)
#ba7522 color contain Red 72.94%, Green 45.88% and Blue 13.33%.
oklch(62.28% 0.1264 65.43)
#ba7522 color contain Red 72.94%, Green 45.88% and Blue 13.33%.
oklch(62.28% 0.1264 65.43)
Classification of #ba7522 color
#ba7522 is Light and Warm Color Saturation 69%, lightness 43%.
Tint of peru
Alternative colors of #ba7522
Opposite Color for #ba7522 is #2266b9
#ba7522 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba7522
Decimal
12219682
HEX
#ba7522
HSL
hsl(33, 69%, 43%)
HSLA
hsla(33, 69%, 43%, 1)
RGB
RGB(186, 117, 34)
RGBA
RGBA(186, 117, 34, 1)
Palettes for #ba7522 color:
Below examples of color palettes for #ba7522 HEX color
darkest color is #130c03 from shades and lightest color is #f8f1e9 from tints
Shades palette of #ba7522:
#a7691f
#955e1b
#825218
#704614
#5d3b11
#4a2f0e
#38230a
#251707
#130c03
#000000
Tints palette of #ba7522:
#c18338
#c8914e
#cf9e64
#d6ac7a
#ddba91
#e3c8a7
#ead6bd
#f1e3d3
#f8f1e9
#ffffff
Complementary palette of #ba7522:
#b97522
#2266b9
Triadic palette of #ba7522:
#b97522
#22b975
#7522b9
Square palette of #ba7522:
#b97522
#22b92a
#b922b2
#2266b9
Analogous palette of #ba7522:
#b92a22
#b97522
Split-Complementary palette of #ba7522:
#b97522
#b92a22
Rectangle (tetradic) palette of #ba7522:
#b97522
#22b92a
#b922b2
#22b2b9
Suggested colors palettes for #ba7522 HEX:
Colors palette with color #ba7522 #1:
Colors palette with color #ba7522 #2:
Colors palette with color #ba7522 #3:
Colors palette with color #ba7522 #4:
Colors palette with color #ba7522 #5:
Color #ba7522 used in palettes (1)
Color Contrast
Color pairings #ba7522 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ba7522
#ba7522 Contrast Ratio
3.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba7522
#ba7522 Contrast Ratio
5.65:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ba7522 color png
Visit the popular colors list for more colors