Created at 02/17/2023 18:35
#b4a970 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #b4a970 | RGB(180, 169, 112) |
RGB values are RGB(180, 169, 112)
#b4a970 color contain Red 70.59%, Green 66.27% and Blue 43.92%.
oklch(73.06% 0.0769 98.61)
#b4a970 color contain Red 70.59%, Green 66.27% and Blue 43.92%.
oklch(73.06% 0.0769 98.61)
Classification of #b4a970 color
#b4a970 is Light and Warm Color Saturation 31%, lightness 57%.
Shade of darkkhaki
Alternative colors of #b4a970
Opposite Color for #b4a970 is #6f7bb3
#b4a970 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b4a970
Decimal
11839856
HEX
#b4a970
HSL
hsl(50, 31%, 57%)
HSLA
hsla(50, 31%, 57%, 1)
RGB
RGB(180, 169, 112)
RGBA
RGBA(180, 169, 112, 1)
Palettes for #b4a970 color:
Below examples of color palettes for #b4a970 HEX color
darkest color is #12110b from shades and lightest color is #f8f6f1 from tints
Shades palette of #b4a970:
#a29865
#90875a
#7e764e
#6c6543
#5a5538
#48442d
#363322
#242216
#12110b
#000000
Tints palette of #b4a970:
#bcb27e
#c3ba8d
#cbc39b
#d2cba9
#dad4b8
#e1ddc6
#e9e5d4
#f0eee2
#f8f6f1
#ffffff
Complementary palette of #b4a970:
#b3a86f
#6f7bb3
Triadic palette of #b4a970:
#b3a86f
#6fb3a8
#a86fb3
Square palette of #b4a970:
#b3a86f
#6fb386
#b36f9d
#6f7bb3
Analogous palette of #b4a970:
#b3866f
#b3a86f
Split-Complementary palette of #b4a970:
#b3a86f
#b3866f
Rectangle (tetradic) palette of #b4a970:
#b3a86f
#6fb386
#b36f9d
#6f9db3
Suggested colors palettes for #b4a970 HEX:
Colors palette with color #b4a970 #1:
Colors palette with color #b4a970 #2:
Colors palette with color #b4a970 #3:
Colors palette with color #b4a970 #4:
Colors palette with color #b4a970 #5:
Color #b4a970 used in palettes (1)
Color Contrast
Color pairings #b4a970 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#b4a970
#b4a970 Contrast Ratio
2.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b4a970
#b4a970 Contrast Ratio
8.84:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b4a970 color png
Visit the popular colors list for more colors