#F18A8F

#F18A8F

Color Values

HEX

#F18A8F

RGB

241, 138, 143

HSL

357.1, 78.6%, 74.3%

HSV

357.1, 42.7%, 94.5%

CMYK

0.0%, 42.7%, 40.7%, 5.5%

OKLCH

0.745 0.1255 17.5

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F18A8F

#8AF1EC

Analogous

#F18AC2

#F1B88A

#F18A8F

Triadic

#F18A8F

#8FF18A

#8A8FF1

Split Complementary

#F18A8F

#8AF1B8

#8AC2F1

Tetradic

#F18A8F

#C2F18A

#8AF1EC

#B88AF1

Color Blindness Simulation

Original

#F18A8F

Protanopia

#C4C48E

Deuteranopia

#CAD28E

Tritanopia

#EC8D8D

Achromatopsia

#A0A0A0

CSS Usage

background-color: #F18A8F;
color: #F18A8F;
border-color: #F18A8F;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FCF2F3
100
#F9E1E2
200
#F7BFC2
300
#F29296
400
#EB565E
500
#E41B25
600
#B6161E
700
#921118
800
#720E12
900
#530E11
950
#34090B

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.77:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026