Pharma Clean Color Psychology & Meaning
Pharmaceutical cleanliness is the color of a sterile environment — pure white, precise blue, and zero ambiguity. Every element signals competence and care.
#FFFFFF
#00B4D8
#0096C7
#003049
Background
Primary Accent
Secondary
Body Text
Pharma Clean
coolcalmminimal springwinter brandingweb
AAA
WCAG Grade
13.8:1
Contrast Ratio
1,892
Saves
4,823
AI Copies
Use #FFFFFF as the background. Use #00B4D8 as the primary accent. Use #0096C7 as secondary. Use #003049 as body text/supporting color. Palette mood: Pharma Clean — cool, calm, minimal.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Pharma Clean 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: 37.6% | 0, 180, 216 | 100%, 17%, 0%, 15% | 190°, 100%, 42% | ||
| Secondary Luminance: 25.9% | 0, 150, 199 | 100%, 25%, 0%, 22% | 195°, 100%, 39% | ||
| Body Text Luminance: 2.6% | 0, 48, 73 | 100%, 34%, 0%, 71% | 201°, 100%, 14% |
Color Harmony: Split-Complementary Scheme
The Pharma Clean palette is built using a split-complementary relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A split-complementary palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Pharmaceutical visual identity is governed by regulatory requirements for clarity and trust. The blue-white system has been the industry standard since the mid-20th century.
Best Design Use Cases
Pure white for all surfaces — the cleanest possible. Mid-blue for brand and interactive elements. Deep navy for text. Never introduce warm colors.
Industries This Palette Suits
Pharmaceuticals, medical devices, healthcare systems.
How to Implement the Pharma Clean Color Scheme
To use this Pharma Clean 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 #00B4D8 for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #003049 and #FFFFFF is 13.82:1 (AAA). Ensure your body text remains legible.