Purplish Red Color

#B30059

Shades

Darker variations of each color in your palette

Base Color

#B30059
#B30059
#8F0047
#6B0035
#480024
#240012
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#B30059
#B30059
#C2337A
#D1669B
#E199BD
#F0CCDE
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#B30059Purplish Red Color
RGB179, 0, 89
HSL330, 100%, 35%
CMYK0%, 100%, 50%, 30%
OKLCHoklch(0.495 0.200 2)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#B30059
#B300B2
#B30059
#B30000

Analogous

#B30059
#00B359

Complementary

#B30059
#59B300
#0059B3

Triadic

#B30059
#00B300
#00B2B3

Split Complementary

#B30059
#B2B300
#00B359
#0000B3

Tetradic

#660033
#B30059
#FF0080
#FF4DA6
#FF99CC

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#B30059
#B30000
#B2B300
#00B300
#00B2B3
#0000B3
#B300B2

Hues

Tones

Tones created by adding gray to each color

Base Color

#B30059
#B30059
#A91A61
#9F3369
#944D70
#8A6678
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#B30059
#BE0A55
#CA1351
#D51D4D

Warmer

#AB0A72
#A3138B
#9B1DA4

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#B30059

On White Background

Sample Text
Contrast Ratio:6.86:1
WCAG Level:AA
PASS

On Black Background

Sample Text
Contrast Ratio:3.06:1
WCAG Level:AA Large
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)