#ba574d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ba574d | RGB(186, 87, 77) |
Created at 02/19/2023 12:11
RGB values are RGB(186, 87, 77)
#ba574d color contains Red 72.94%, Green 34.12% and Blue 30.2%.
oklch(57.74% 0.1301 27.67)
#ba574d color contains Red 72.94%, Green 34.12% and Blue 30.2%.
oklch(57.74% 0.1301 27.67)
Color Names of #ba574d HEX code
≈ Chestnut
Classification of #ba574d color
#ba574d is Semi dark and Warm Color Saturation 44%, lightness 52%.
Shade of Indian Red
Alternative colors of #ba574d
Opposite Color for #ba574d is #4db0ba
#ba574d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba574d
cmyk
CMYK(0%, 53%, 59%, 27%)
Decimal
12212045
HEX
#ba574d
HSL
hsl(6, 44%, 52%)
HSLA
hsla(6, 44%, 52%, 1)
RGB
RGB(186, 87, 77)
RGBA
RGBA(186, 87, 77, 1)
Palettes for #ba574d color:
Below are examples of color palettes with the #ba574d HEX color
darkest color is #130908 from shades and lightest color is #f8eeed from tints
Shades palette of #ba574d:
#a74e45
#95463e
#823d36
#70342e
#5d2c27
#4a231f
#381a17
#25110f
#130908
#000000
Tints palette of #ba574d:
#c1685f
#c87971
#cf8982
#d69a94
#ddaba6
#e3bcb8
#eacdca
#f1dddb
#f8eeed
#ffffff
Complementary palette of #ba574d:
#ba574d
#4db0ba
Triadic palette of #ba574d:
#ba574d
#4dba57
#574dba
Square palette of #ba574d:
#ba574d
#7aba4d
#4db0ba
#8d4dba
Analogous palette of #ba574d:
#ba4d7a
#ba574d
#ba8d4d
Split-Complementary palette of #ba574d:
#ba574d
#4dba8d
#4d7aba
Rectangle (tetradic) palette of #ba574d:
#ba574d
#b0ba4d
#4db0ba
#574dba
Suggested color palettes for #ba574d HEX:
Color palette with color #ba574d #1:
Color palette with color #ba574d #2:
Color palette with color #ba574d #3:
Color palette with color #ba574d #4:
Color palette with color #ba574d #5:
Color #ba574d used in palettes (1)
Color Contrast
Color pairings of #ba574d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ba574d
#ba574dContrast Ratio
4.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba574d
#ba574dContrast Ratio
4.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ba574d color png
Visit the popular colors list for more colors