HEX Color #FF6D8A (Lightcoral)

About #FF6D8A

The precise color #FF6D8A is an excellent choice for modern design projects. It is closely associated with the named CSS color Lightcoral. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 109, and 138.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 57% magenta inks. The HSL representation is 348.1° hue, 100.0% saturation, and 71.4% lightness.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#FF6D8A

RGB255, 109, 138

HSL348.1°, 100.0%, 71.4%

CMYK0%, 57%, 46%, 0%

HSV348.1°, 57.3%, 100.0%

LAB65.0, 58.0, 12.6

XYZ51.3, 34.0, 27.9

Decimal16739722

Color Harmonies

Complementary

#FF6D8A #6DFFE1

Analogous

#FF6DD2 #FF996D

Triadic

#8AFF6D #6D8AFF

Tetradic

#D3FF6D #6DFFE1 #986DFF

Tints, Shades & Tones

Tints (Adding White)

#FF6D8A

#FF7D97

#FF8DA4

#FF9DB1

#FFADBE

#FFBECB

#FFCED8

#FFDEE5

#FFEEF2

#FFFFFF

Shades (Adding Black)

#FF6D8A

#E2607A

#C6546B

#AA485C

#8D3C4C

#71303D

#55242E

#38181E

#1C0C0F

#000000

WCAG Contrast Accessibility

2.69:1

Text on #FFFFFF

FAIL

7.81:1

Text on #000000

AAA

2.57:1

Text on #F8FAFC

FAIL

6.64:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #FF6D8A; }

.text-color { color: #FF6D8A; }

.border-color { border: 2px solid #FF6D8A; }

Similar Colors

Lightcoral

#F08080