Created at 12/09/2023 08:11
  4

#baa259 HEX Color information

Color HEX RGB
#baa259 RGB(186, 162, 89)

RGB values are RGB(186, 162, 89)
#baa259 color contain Red 72.94%, Green 63.53% and Blue 34.9%.

Classification of #baa259 color

#baa259 is Light and Warm Color
Tint of darkkhaki
Opposite Color for #baa259 is #5a72ba

#baa259 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #baa259

Decimal
12231257
HEX
#baa259
HSL
hsl(45, 41%, 54%)
HSLA
hsla(45, 41%, 54%, 1)
RGB
RGB(186, 162, 89)
RGBA
RGBA(186, 162, 89, 1)

Palettes for #baa259 color:

Below examples of color palettes for #baa259 HEX color

darkest color is #131009 from shades and lightest color is #f8f6ee from tints

Shades palette of #baa259:
Tints palette of #baa259:
Complementary palette of #baa259:
Triadic palette of #baa259:
Square palette of #baa259:
Analogous palette of #baa259:
Split-Complementary palette of #baa259:
Rectangle (tetradic) palette of #baa259:

Suggested colors palettes for #baa259 HEX:

Colors palette with color #baa259 #1:
Colors palette with color #baa259 #2:
Colors palette with color #baa259 #3:
Colors palette with color #baa259 #4:
Colors palette with color #baa259 #5:

Color #baa259 used in palettes (1)

Color Contrast

Color pairings #baa259 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#baa259
#baa259
Contrast Ratio
2.49:1
SizeAA-levelAAA-level
Large text:
Small text:
#baa259
#baa259
Contrast Ratio
8.4:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #baa259 color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes