#F27D84

#F27D84

Color Values

HEX

#F27D84

RGB

242, 125, 132

HSL

356.4, 81.8%, 72.0%

HSV

356.4, 48.3%, 94.9%

CMYK

0.0%, 48.3%, 45.5%, 5.1%

OKLCH

0.7236 0.1436 17.6

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F27D84

#7DF2EB

Analogous

#F27DBF

#F2B17D

#F27D84

Triadic

#F27D84

#84F27D

#7D84F2

Split Complementary

#F27D84

#7DF2B1

#7DBFF2

Tetradic

#F27D84

#BFF27D

#7DF2EB

#B17DF2

Color Blindness Simulation

Original

#F27D84

Protanopia

#BFBE82

Deuteranopia

#C6CF82

Tritanopia

#EC8181

Achromatopsia

#969696

CSS Usage

background-color: #F27D84;
color: #F27D84;
border-color: #F27D84;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC2
300
#F49096
400
#EE535D
500
#E81724
600
#B9131D
700
#940F17
800
#740C12
900
#540D11
950
#35080B

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.04: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