#303f9f
#3f51b5
#ffffff
#ff5722
#212121

Material 2

Palette information

Blue
Orange
Color HEX RGB HSL HWB HSV CMYK Pantone (Or similar) Color schemes
#303f9f rgb(48, 63, 159) hsl(232, 54%, 41%) hwb(232 19% 38%) hsv 232°, 70%, 62% cmyk 70%, 60%, 0%, 38% Pantone 661C
#3f51b5 rgb(63, 81, 181) hsl(231, 48%, 48%) hwb(231 25% 29%) hsv 231°, 65%, 71% cmyk 65%, 55%, 0%, 29% Pantone 2726C
#ffffff rgb(255, 255, 255) hsl(0, 0%, 100%) hwb(0 100% 0%) hsv 0°, 0%, 100% cmyk 0%, 0%, 0%, 0% Pantone 663C
#ff5722 rgb(255, 87, 34) hsl(14, 100%, 57%) hwb(14 13% 0%) hsv 14°, 87%, 100% cmyk 0%, 66%, 87%, 0% Pantone 172C
#212121 rgb(33, 33, 33) hsl(0, 0%, 13%) hwb(0 13% 87%) hsv 0°, 0%, 13% cmyk 0%, 0%, 0%, 87% Pantone 419C

Click a color format to copy to your clipboard.

Contrast checker

Click one color card to view the complete contrast checker tests.

Color blindness

Note: The color blindness filters do not work on some browsers.

Palette examples preview

This is a PRO feature. ⭐

Remove ads, get your Connect profile, and unlock more features by upgrading to Colorffy PRO.

  • Connect profile
  • Remove ads
  • Create and save unlimited gradients and palettes
  • Gradient wallpaper generator
  • Access to all tools
  • Android and Flutter gradient code
  • Image palette PRO layouts