ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Vintage

1960s Pop Art Comic

Lichtenstein-inspired Ben-Day dot comic palette featuring saturated four-color screen-printed primaries.

#Vintage#Retro#Vibrant#Bold#Creative
Open in Generator
COLOR 1
#000000
Black
COLOR 2
#E63946
Sunset Crimson
COLOR 3
#1D3557
Dark Blueberry
COLOR 4
#457B9D
Steel Blue
COLOR 5
#F1FAEE
Honeydew

Color Values & Codes

HEX · RGB · HSL
Black
#000000
rgb(0, 0, 0)hsl(0, 0%, 0%)Color details →
rgb(230, 57, 70)hsl(355, 78%, 56%)Color details →
rgb(29, 53, 87)hsl(215, 50%, 23%)Color details →
Steel Blue
#457B9D
rgb(69, 123, 157)hsl(203, 39%, 44%)Color details →
Honeydew
#F1FAEE
rgb(241, 250, 238)hsl(105, 55%, 96%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Vintage Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #000000;
  --color-2: #E63946;
  --color-3: #1D3557;
  --color-4: #457B9D;
  --color-5: #F1FAEE;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#000000 on #457B9D4.57:1
Normal Text AA Pass
Sample Text
#000000 on #F1FAEE19.65:1
Normal Text AA Pass
Sample Text
#E63946 on #457B9D1.10:1
Large Text Only (Fail)
Sample Text
#E63946 on #F1FAEE3.90:1
Large Text Only (Pass)
Sample Text
#1D3557 on #457B9D2.69:1
Large Text Only (Fail)
Sample Text
#1D3557 on #F1FAEE11.56:1
Normal Text AA Pass

Related Palettes in Vintage

Explore Vintage
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold