Created at 02/22/2023 08:01
#ba8a74 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ba8a74 | RGB(186, 138, 116) |
RGB values are RGB(186, 138, 116)
#ba8a74 color contain Red 72.94%, Green 54.12% and Blue 45.49%.
oklch(67.43% 0.067 45.7)
#ba8a74 color contain Red 72.94%, Green 54.12% and Blue 45.49%.
oklch(67.43% 0.067 45.7)
Classification of #ba8a74 color
#ba8a74 is Light and Warm Color Saturation 34%, lightness 59%.
Tint of rosybrown
Alternative colors of #ba8a74
Opposite Color for #ba8a74 is #73a3ba
#ba8a74 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba8a74
Decimal
12225140
HEX
#ba8a74
HSL
hsl(19, 34%, 59%)
HSLA
hsla(19, 34%, 59%, 1)
RGB
RGB(186, 138, 116)
RGBA
RGBA(186, 138, 116, 1)
Palettes for #ba8a74 color:
Below examples of color palettes for #ba8a74 HEX color
darkest color is #130e0c from shades and lightest color is #f8f3f1 from tints
Shades palette of #ba8a74:
#a77c68
#956e5d
#826151
#705346
#5d453a
#4a372e
#382923
#251c17
#130e0c
#000000
Tints palette of #ba8a74:
#c19682
#c8a190
#cfad9e
#d6b9ac
#ddc5ba
#e3d0c7
#eadcd5
#f1e8e3
#f8f3f1
#ffffff
Complementary palette of #ba8a74:
#ba8973
#73a3ba
Triadic palette of #ba8a74:
#ba8973
#73ba89
#8973ba
Square palette of #ba8a74:
#ba8973
#80ba73
#ad73ba
#73a3ba
Analogous palette of #ba8a74:
#ba7380
#ba8973
Split-Complementary palette of #ba8a74:
#ba8973
#ba7380
Rectangle (tetradic) palette of #ba8a74:
#ba8973
#80ba73
#ad73ba
#73baad
Suggested colors palettes for #ba8a74 HEX:
Colors palette with color #ba8a74 #1:
Colors palette with color #ba8a74 #2:
Colors palette with color #ba8a74 #3:
Colors palette with color #ba8a74 #4:
Colors palette with color #ba8a74 #5:
Color #ba8a74 used in palettes (1)
Color Contrast
Color pairings #ba8a74 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ba8a74
#ba8a74 Contrast Ratio
3.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba8a74
#ba8a74 Contrast Ratio
6.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ba8a74 color png
Visit the popular colors list for more colors