K-Pop Candy
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% |
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
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.