Pinkish Brown Color
#B57281
Shades
Darker variations of each color in your palette
Base Color
#B57281#B57281
#915B67
#6D444D
#482E34
#24171A
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#B57281#B57281
#C48E9A
#D3AAB3
#E1C7CD
#F0E3E6
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #B57281 |  |
| RGB | 181, 114, 129 | |
| HSL | 347, 31%, 58% | |
| CMYK | 0%, 37%, 29%, 29% | |
| OKLCH | oklch(0.628 0.086 5) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#B57281#B573A2
#B57281
#B58673
Analogous
#B57281
#73B5A7
Complementary
#B57281
#81B573
#7381B5
Triadic
#B57281
#73B586
#73A2B5
Split Complementary
#B57281
#A2B573
#73B5A7
#8673B5
Tetradic
#43232A
#753E4A
#A75869
#C18A96
#DCBCC3
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#B57281#B57373
#B5B573
#73B573
#73B5B5
#7373B5
#B573B5
Hues
Tones
Tones created by adding gray to each color
Base Color
#B57281#B57281
#AA7581
#A07881
#957A80
#8B7D80
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#B57281#C0737B
#CB7475
#D67570
Warmer
#AD7394
#A574A7
#9D75BA
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#B57281On White Background
Sample Text
Contrast Ratio:3.69:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.69:1
WCAG Level:AA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)