Red Color Family

Light Coral Color Hex Code, RGB & HSL Values

Browse all Red Colors

What is the meaning of the Light Coral color?

Light Coral is a soft, warm pastel pinkish-red color reminiscent of shallow ocean reefs. It combines the energy of red with the gentle playfulness of pink, making it popular for summer fashion branding and welcoming UI layouts.

How to use the Light Coral color hex code in HTML & CSS?

To style elements with Light Coral on a website, use the hex code #F08080 in your HTML/CSS. Adding background-color: #F08080; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#F08080] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Light Coral?

In the digital sRGB spectrum, the Light Coral color code is mapped to RGB values of Red: 240, Green: 128, and Blue: 128. In the HSL system, it registers at hue angle 0°, saturation 79%, and lightness index 72%. It represents a bright, soft tint characterized by a highly vivid, intense, and brilliant shade.

CMYK print profiles for Light Coral color

To reproduce the named shade Light Coral in print systems, the CMYK ink configuration requires 0% Cyan, 47% Magenta, 47% Yellow, and 6% black. Given its red-channel dominance, this color is a powerful visual stimulator often deployed in banners, call-to-actions, and warning components.

Red Channel 240
Green Channel 128
Blue Channel 128
Luminance 0.355

Light Coral Color Space Conversions

Click to copy format
HEX Color Code #F08080
RGB (Red Green Blue) rgb(240, 128, 128)
HSL (Hue Sat Light) hsl(0°, 79%, 72%)
CMYK (Commercial Print) cmyk(0%, 47%, 47%, 6%)
HSV / HSB Values hsv(0°, 47%, 94%)
Decimal Color Code 15761536
CSS Custom Variable --color-hex: #F08080;
Tailwind CSS Utility bg-[#F08080]
CSS Named Color lightcoral

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #F08080

Small body copy preview

Black Text on Background

Black text readability test with #F08080

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Light Coral */
--color-hex: #F08080;
--color-rgb: rgb(240, 128, 128);
--color-hsl: hsl(0deg, 79%, 72%);
--color-name: lightcoral;

Aa Known Color Aliases

Light Coral lightcoral (CSS Identifier) Light Coral PinkPastel RedSoft Coral

Light Coral Color Meaning

As a notable shade in the red spectrum, Light Coral embodies the core psychological traits of the red color family. The red spectrum commands attention like no other color. It raises heart rates, increases appetite, and creates a sense of urgency that drives action. Psychologists associate red with strong emotions: passion, love, anger, and danger all share this powerful hue. In marketing, red creates a sense of urgency used in clearance sales, while luxury brands leverage its association with confidence and desirability. Red has the longest wavelength of visible light, making it the first color the human eye detects — a survival trait hardwired from our evolutionary past.

Emotions & Associations

UrgencyDangerLovePower

Industries

FinanceRetail & SalesSports

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!