HEX Color #F0A88A (Darksalmon)

About #F0A88A

The hex code #F0A88A represents a beautifully specific shade of orange. Its closest recognized web color is Darksalmon. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 168, and 138.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 30% Magenta, 43% Yellow, and 6% Black. The HSL representation is 17.6° hue, 77.3% saturation, and 74.1% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F0A88A

RGB240, 168, 138

HSL17.6°, 77.3%, 74.1%

CMYK0%, 30%, 43%, 6%

HSV17.6°, 42.5%, 94.1%

LAB75.1, 23.0, 26.1

XYZ54.5, 48.4, 30.5

Decimal15771786

Color Harmonies

Complementary

#F0A88A #8AD1F0

Analogous

#F08A9F #F0DB8A

Triadic

#8AF0A8 #A78AF0

Tetradic

#9FF08A #8AD1F0 #DB8AF0

Tints, Shades & Tones

Tints (Adding White)

#F0A88A

#F1B197

#F3BBA4

#F5C5B1

#F6CEBE

#F8D8CB

#FAE2D8

#FBEBE5

#FDF5F2

#FFFFFF

Shades (Adding Black)

#F0A88A

#D5957A

#BA826B

#A0705C

#855D4C

#6A4A3D

#50382E

#35251E

#1A120F

#000000

WCAG Contrast Accessibility

1.97:1

Text on #FFFFFF

FAIL

10.67:1

Text on #000000

AAA

1.88:1

Text on #F8FAFC

FAIL

9.07:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #F0A88A; }

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

Similar Colors

Darksalmon

#E9967A