Internet Girl Color Psychology & Meaning
Internet girl is the aesthetic of growing up with broadband — these pale blue-whites suggest glowing screens at 2am, pixel art, and the specific loneliness and connection of early social media.
#E8F0FF
#A0B8FF
#4060E0
#101830
Background
Primary Accent
Secondary
Body Text
Internet Girl
digitaldreamypastel all fashiondigitalsocial
AAA
WCAG Grade
15.3:1
Contrast Ratio
2,300
Saves
6,200
AI Copies
Use #E8F0FF as the background. Use #A0B8FF as the primary accent. Use #4060E0 as secondary. Use #101830 as body text/supporting color. Palette mood: Internet Girl — digital, dreamy, pastel.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Internet Girl 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: 86.7% | 232, 240, 255 | 9%, 6%, 0%, 0% | 219°, 100%, 95% | ||
| Primary Accent Luminance: 49.0% | 160, 184, 255 | 37%, 28%, 0%, 0% | 225°, 100%, 81% | ||
| Secondary Luminance: 14.8% | 64, 96, 224 | 71%, 57%, 0%, 12% | 228°, 72%, 56% | ||
| Body Text Luminance: 1.0% | 16, 24, 48 | 67%, 50%, 0%, 81% | 225°, 50%, 13% |
Color Harmony: Analogous Scheme
The Internet Girl palette is built using a analogous relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A analogous palette is often preferred by professional designers because it creates a calm, serene atmosphere by using neighboring colors.
History & Design Context
Internet girl aesthetic draws from early 2000s web culture (Myspace, MSN Messenger), anime, and the experience of being a girl who spent formative years online.
Best Design Use Cases
Near-white blue tint for surfaces. Soft blue for cards. Medium blue for interactive elements. Deep navy for text. Subtle and digital.
Industries This Palette Suits
Fashion, digital brands, social media, music, youth culture, tech-adjacent lifestyle.
How to Implement the Internet Girl Color Scheme
To use this Internet Girl 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 #E8F0FF for the main background and #A0B8FF for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #101830 and #E8F0FF is 15.34:1 (AAA). Ensure your body text remains legible.