Pigment Blue

#333399

About Pigment Blue

Pigment Blue (#333399) is a cool blue color associated with the autumn season. Its complementary color is #CCCC66.

Additional Information

  • Color Family: Blue
  • Temperature: Cool
  • Associated Season: Autumn
  • Complementary Color: #CCCC66
  • Brightness: 63/255
  • Saturation: 67%

Color Values

HEX

#333399

RGB

51, 51, 153

HSL

240, 50%, 40%

LAB

28, 33, -56

CMYK

0, 22, 14, 29

Color Variations

Tints (add white)

10%#4747A3
20%#5C5CAD
30%#7070B8
40%#8585C2
50%#9999CC
60%#ADADD6
70%#C2C2E0
80%#D6D6EB
90%#EBEBF5

Tones (add grey)

10%#3B3B97
20%#424294
30%#4A4A92
40%#52528F
50%#5A5A8D
60%#61618A
70%#696988
80%#717185
90%#787883

Shades (add black)

10%#2E2E8A
20%#29297A
30%#24246B
40%#1F1F5C
50%#1A1A4D
60%#14143D
70%#0F0F2E
80%#0A0A1F
90%#05050F

Color Harmonies

Analogous

Analogous color schemes use colors that are next to each other on the color wheel. They usually match well and create serene and comfortable designs.

Complementary

Complementary colors are opposite each other on the color wheel. They create a high contrast and high impact color combination.

Split-complementary

Split-complementary color scheme uses a color and the two colors adjacent to its complement. It has strong visual contrast while being more nuanced than the complementary color harmony.

Triadic

A triadic color scheme uses three colors equally spaced around the color wheel. Triadic color harmonies tend to be quite vibrant.

Tetradic

The tetradic color scheme is the richest of all the schemes because it uses four colors arranged into two complementary color pairs.

Monochromatic

Monochromatic color schemes use variations in lightness and saturation of a single color. This scheme looks clean and elegant, and is easy to manage in design projects.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

This is an example of body text using the selected color scheme.

Contrast Ratio: 2.07

WCAG Score: 41

AA Large Text
AA Normal Text
AAA Large Text
AAA Normal Text

Contrast with White

UI Examples

This is an example of body text using the selected color scheme.

Contrast Ratio: 10.12

WCAG Score: 100

AA Large Text
AA Normal Text
AAA Large Text
AAA Normal Text

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

Explore More Colors

View More Colors