Forensics Color Psychology & Meaning
Forensic blue is the palette of evidence under UV light — these specific blues are the colors of crime scene investigation both real and fictional, now deeply embedded in cultural consciousness.
#0A0A14
#0044CC
#00AAFF
#FFFFFF
Background
Primary Accent
Secondary
Body Text
Forensics
darkpreciseanalytical all sciencetechmedia
AAA
WCAG Grade
19.7:1
Contrast Ratio
1,700
Saves
4,500
AI Copies
Use #0A0A14 as the background. Use #0044CC as the primary accent. Use #00AAFF as secondary. Use #FFFFFF as body text/supporting color. Palette mood: Forensics — dark, precise, analytical.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Forensics 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: 0.3% | 10, 10, 20 | 50%, 50%, 0%, 92% | 240°, 33%, 6% | ||
| Primary Accent Luminance: 8.5% | 0, 68, 204 | 100%, 67%, 0%, 20% | 220°, 100%, 40% | ||
| Secondary Luminance: 36.0% | 0, 170, 255 | 100%, 33%, 0%, 0% | 200°, 100%, 50% | ||
| Body Text Luminance: 100.0% | 255, 255, 255 | 0%, 0%, 0%, 0% | 0°, 0%, 100% |
Color Harmony: Triadic Scheme
The Forensics 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.
Hue Wheel
A triadic palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Forensic science visual aesthetics have been shaped significantly by TV procedurals (CSI, NCIS) which popularized blue-dominant imagery for evidence and laboratory scenes.
Best Design Use Cases
Near-black for backgrounds. Deep blue for secondary surfaces. Bright blue for evidence highlights and interactive elements. White for reports and findings.
Industries This Palette Suits
Forensic technology, crime science, security brands, law enforcement tech, procedural content.
How to Implement the Forensics Color Scheme
To use this Forensics 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 #0A0A14 for the main background and #0044CC for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #FFFFFF and #0A0A14 is 19.69:1 (AAA). Ensure your body text remains legible.