#BA685E

Red

HEX

RGB

HSL

About #BA685E Red

#BA685E is a red color. In the RGB color model, it is composed of 186 red, 104 green, and 94 blue. In the HSL color space, it has a hue of 7°, saturation of 40%, and lightness of 55%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #BA685E in your CSS, SCSS, or Tailwind projects.

Color Properties

7°

Hue

40%

Saturation

55%

Lightness

Red

Color Harmonies

Colors that work well with #BA685E based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #BA685E against white and black backgrounds.

Aa#BA685E on White
Contrast Ratio4.02:1
AA AA Large AAA
Aa#BA685E on Black
Contrast Ratio5.23:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BA685E across different color formats.

FormatValue
HEX#BA685E
RGBrgb(186, 104, 94)
HSLhsl(7, 40%, 55%)
RGB Decimal186, 104, 94
RGB Percent72.9%, 40.8%, 36.9%
CMYK (approx.)0%, 44%, 49%, 27%

Related Palettes

12 palettes using #BA685E or similar colors

#C981BA#BD6467#CEA63F#8ABA54
#CC3AA5#C46765#CDBB7F#85C14D
#B8579B#C76863#C2AA4B#88CF4F
#6688CB#7645BC#D378C3#BE656D
#C16F6C#CEB149#7CBE42#55C876
#B34CA2#C05860#C6A76A#A1C96A
#D16CB8#C85D5D#D0BA79#90CD52
#6772CA#A557D3#CF6AA8#B55E50
#9367D0#BF5DAF#C66069#BF994C
#7A87D0#8E41C1#C1559B#C1736B
#CB6E64#CBBD6D#8AD05B#49BF73
#C7696C#CDB370#9ED263#6CD582