Original Color

#4361EE
67
97
238
Original HEX
#4361EE
Original RGB
rgb(67, 97, 238)
Original HSL
hsl(230, 83%, 60%)

Inverted Color

Original: #4361EE
Inverted: #BC9E11
Inverted HEX
#BC9E11
Inverted RGB
rgb(188, 158, 17)
Inverted HSL
hsl(50, 83%, 40%)

Contrast Ratio

5.74:1
Meets AA standard for normal text (minimum 4.5:1)
3:1 4.5:1 7:1 21:1

Contrast Importance

Proper contrast between text and background is essential for accessibility. According to WCAG (Web Content Accessibility Guidelines):

  • AA (Minimum): 4.5:1 for normal text, 3:1 for large text
  • AAA (Enhanced): 7:1 for normal text, 4.5:1 for large text

Color Inversion Theory

What is an inverted color?

The inverted color (or negative) is obtained by subtracting each RGB component from the maximum value (255). Mathematically: R' = 255 - R, G' = 255 - G, B' = 255 - B. This produces the opposite color in the RGB spectrum.

Design usage

Color inversion is useful for:

  • Creating dark/light versions of interfaces
  • Generating striking visual effects
  • Improving readability on different backgrounds
  • Designing dark modes for applications
  • Creating "photographic negative" effects

Professional tips

When inverting colors for web design:

  • Always verify the contrast ratio
  • Consider slightly adjusting the inverted color for better readability
  • Test with real users to ensure accessibility
  • For dark modes, don't just invert colors but adjust tones