Color Shocking Pink pink (#fe02a2):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Shocking Pink pink (#fe02a2):
Its Meaning and Harmonious Color Matches in Design.

Shocking Pink is a color with a HTML hex code of #fe02a2.

Hue Family:
pinks

pinks Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
colorful tone

Shade:
light

Temperature:
warm

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Shocking Pink / #fe02a2

The HTML HEX code is #fe02a2. The corresponding color name is "Shocking Pink". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 254%, Green (G): 2%, Blue (B): 162%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 99%, Yellow (Y):36%, Black (K): 0%. In the HSL color space, #fe02a2 has a hue of 322°, saturation of 99%, and lightness of 50%. The HSV representation is 322° for hue, 99% for saturation, and 100% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 56, a* (green to red) = 87, and b* (blue to yellow) = -15. The XYZ representation is X: 47, Y: 24, Z: 36. In the YUV color space, it translates to Y (luminance) = 0.3749, U (chrominance) = 0.1282, and V (chrominance) = 0.5450.

The decimal value of the color is 16646818. The closest Web-safe HEX code is #FF0099. Variations of the colour are #FE67C7 for a 20% lighter version and #980161 for a 20% darker version.

For the color with hex value #fe02a2, the correlated color temperature (CT) is estimated to be 4911 Kelvin (4911K).

The approximate wavelength of #fe02a2 is around 529.00nm.

VALUECSS
HEX Codefe02a2#fe02a2
RGB Decimal Code254, 2, 162rgb(254, 2, 162)
CMYK0, 99, 36, 0/
HSL322°, 99%, 50%hsl(322°, 99%, 50%)
HSV322°, 99%, 100%/
CIE-LAB56, 87, -15/
XYZ 47, 24, 36/
YUV0.3749, 0.1282, 0.5450/
Decimal value16646818/
Web-Safe HEXFF0099#FF0099
Color Temperature (CT)4911 Kelvin (4911K)/
Estimate Wavelengtharound 529.00nm/

The Depth and Diversity of Shocking Pink (Hex: #fe02a2): Exploring its Impact in Design and Culture

Shocking Pink (#fe02a2) resembles the vibrant hues found in tropical flowers, such as the exotic Orchids with their flamboyant petals. It also evokes the intense color of ripe dragon fruit, a popular tropical fruit known for its striking pink flesh. This vibrant shade is reminiscent of the dazzling sunsets that paint the sky over pristine beaches, creating a captivating and electrifying atmosphere. Found in nature, this shade of pink represents the boldness and vivacity of the natural world, captivating our senses and leaving a lasting impression.

Download Stunning Shocking Pink Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Shocking Pink Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Shocking Pink 4K Wallpaper

Immerse yourself in the beauty of our Shocking Pink 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Shocking Pink 4K Wallpaper

Tints and Shades of #fe02a2 HEX color (Shocking Pink)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #fe02a2, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #FFC0E8
  • #FF81D1
  • #FE41B9
  • #fe02a2
  • #BF027A
  • #7F0151
  • #400129
  • #000000

Tones of Shocking Pink (#fe02a2 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #fe02a2, #cc3494 is the less saturated color, while #fe02a2 is the most saturated one.

  • #cc3494
  • #d82898
  • #e51b9b
  • #f10f9f
  • #fe02a2
  • #523347
  • #4b263e
  • #431a34
  • #3c0d2b

HTML Usage Examples

HTML using color code example

<p style="color: #fe02a2;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #fe02a2.

CSS color code example

p { color: #fe02a2; }

Text with hexadecimal color #fe02a2

This is a sample text with color #fe02a2.

Background Color with #fe02a2

This is a example with background color #fe02a2.

Border Color with #fe02a2

This is a example of a border with #fe02a2.

#fe02a2 Color Preview on White (#ffffff) Background

This is a example of text with color #fe02a2 on white background.

#fe02a2 Color Preview on Black (#000000) Background

This is a example of text with color #fe02a2 on black background.

CSS codes examples

.text {color:#fe02a2;}
.background {background-color:#fe02a2;}
.border {border:1px solid #fe02a2;}

Complementary Color

#fe02a2
#01FE5E

Analogous Colors

#B001CB
#CB01B3
#FE34E6
#FE01A1
#FE3481
#CB014E
#CB011C

Split Complementary Colors

#23FE01
#FE01A1
#01FEDC

Triadic Colors

#A1FE01
#FE01A1
#01A1FE

Tetradic Colors

#FEDC01
#01FE5E
#0123FE