K-Pop Candy Color Palette
#FFFFFF · #FF6B9D · #A855F7 · #00D4AA
Use #FFFFFF as the background. Use #FF6B9D as the primary accent. Use #A855F7 as secondary. Use #00D4AA as body text/supporting color. Palette mood: K-Pop Candy — vibrant, playful, youthful.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the K-Pop Candy color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 100.0% | 255, 255, 255 | 0%, 0%, 0%, 0% | 0°, 0%, 100% | ||
| Primary Accent Luminance: 34.2% | 255, 107, 157 | 0%, 58%, 38%, 0% | 340°, 100%, 71% | ||
| Secondary Luminance: 21.5% | 168, 85, 247 | 32%, 66%, 0%, 3% | 271°, 91%, 65% | ||
| Body Text Luminance: 50.0% | 0, 212, 170 | 100%, 0%, 20%, 17% | 168°, 100%, 42% |
K-Pop Candy Tints & Shades
Hover states, borders and elevation need lighter and darker steps of your base colors. Here are computed tints and shades for every color in the K-Pop Candy palette — click any swatch to copy its hex.
K-Pop Candy Palette Contrast Matrix (WCAG 2.1)
Every color tested as text on every other color as background. Body copy needs 4.5:1 (AA), large text and UI components 3:1. AAA requires 7:1.
| Text on Background | Preview | Ratio | Grade | Safe For |
|---|---|---|---|---|
| #A855F7 on #FFFFFF |
Aa Sample Text
| 3.96:1 | Fail | Large headings, UI components |
| #FFFFFF on #A855F7 |
Aa Sample Text
| 3.96:1 | Fail | Large headings, UI components |
| #FF6B9D on #FFFFFF |
Aa Sample Text
| 2.68:1 | Fail | Decorative use only |
| #FFFFFF on #FF6B9D |
Aa Sample Text
| 2.68:1 | Fail | Decorative use only |
| #00D4AA on #A855F7 |
Aa Sample Text
| 2.07:1 | Fail | Decorative use only |
| #A855F7 on #00D4AA |
Aa Sample Text
| 2.07:1 | Fail | Decorative use only |
| #00D4AA on #FFFFFF |
Aa Sample Text
| 1.91:1 | Fail | Decorative use only |
| #FFFFFF on #00D4AA |
Aa Sample Text
| 1.91:1 | Fail | Decorative use only |
| #A855F7 on #FF6B9D |
Aa Sample Text
| 1.48:1 | Fail | Decorative use only |
| #FF6B9D on #A855F7 |
Aa Sample Text
| 1.48:1 | Fail | Decorative use only |
| #00D4AA on #FF6B9D |
Aa Sample Text
| 1.40:1 | Fail | Decorative use only |
| #FF6B9D on #00D4AA |
Aa Sample Text
| 1.40:1 | Fail | Decorative use only |
Color Harmony: Triadic Scheme
The K-Pop Candy palette is built using a triadic relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
A triadic palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Best Design Use Cases
Industries This Palette Suits
Colors That Pair Well With K-Pop Candy
Need a fifth color? These three companions are computed from the palette's own hue positions on the color wheel, so they extend the scheme without breaking its harmony.
directly opposite #FF6B9D on the wheel — the strongest accent for CTAs and highlights when you need maximum energy
30° beside #FF6B9D — a calm secondary that extends the palette without adding tension
a ink-black carrying the palette's own hue — perfect for surfaces and dividers
Using K-Pop Candy Without Breaking Accessibility
- Avoid #FF6B9D for small UI elements on #FFFFFF — at 2.7:1 it misses the 3:1 WCAG threshold; darken it with a shade from the ramp below.
- Don't set body copy in #00D4AA on #FFFFFF — 1.9:1 fails WCAG AA; keep it for large decorative headings only.
- Don't use #A855F7 behind body text — this light tone works better for surfaces, badges and dividers than for reading areas.
How to Implement the K-Pop Candy Color Scheme
To use this K-Pop Candy color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'} Web Design Tip
Use #FFFFFF for the main background and #FF6B9D for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #00D4AA and #FFFFFF is 1.91:1 (Fail). Ensure your body text remains legible.
K-Pop Candy Palette — Frequently Asked Questions
What are the hex codes in the K-Pop Candy color palette?
The K-Pop Candy palette contains #FFFFFF, #FF6B9D, #A855F7, #00D4AA. Click any swatch on this page to copy its value, or export all four at once as CSS variables, Tailwind config, SCSS or a Figma-ready list.
Is the K-Pop Candy color palette accessible (WCAG)?
Yes for its strongest pairings: #A855F7 on #FFFFFF reaches 4.0:1 (Fail). For body text always keep a 4.5:1 ratio and for large UI elements 3:1 — the full contrast matrix above shows the exact score for every color-on-color combination in this palette.
What colors go well with the K-Pop Candy palette?
Beyond its own four colors, #66FFCC, #F88972, #151414 extend it naturally: the complementary hue for high-energy accents, an analogous neighbor for calm transitions, and a tinted neutral for surfaces. All three are computed from this palette's hues on the color wheel.
What mood does the K-Pop Candy palette create?
K-Pop Candy reads as vibrant, playful, youthful. Saturated rose-red drives the personality, grounded by neutral gray — a combination that works best when the very light base gets most of the canvas.
Can I use the K-Pop Candy color palette commercially?
Yes. Individual color values can't be copyrighted, so the K-Pop Candy palette is free for personal, client and commercial work — websites, branding, apps, print and social content, with no attribution required.
How do I add the K-Pop Candy palette to Tailwind or CSS?
Use the export panel on this page: CSS variables, a Tailwind config block, SCSS variables, or a Figma copy list are generated from K-Pop Candy's exact values, including the tint and shade ramps shown above.