#F2736F

#F2736F

Color Values

HEX

#F2736F

RGB

242, 115, 111

HSL

1,8, 83,4%, 69,2%

HSV

1,8, 54,1%, 94,9%

CMYK

0,0%, 52,5%, 54,1%, 5,1%

OKLCH

0,7046 0,1574 23,7

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#F2736F

#6FEEF2

Analogous

#F26FAD

#F2B46F

#F2736F

Triadic

#F2736F

#6FF273

#736FF2

Split Complementary

#F2736F

#6FF2B4

#6FADF2

Tetradic

#F2736F

#ADF26F

#6FEEF2

#B46FF2

Color Blindness Simulation

Original

#F2736F

Protanopia

#BBBA70

Deuteranopia

#C2CC70

Tritanopia

#EC7171

Achromatopsia

#8E8E8E

CSS Usage

background-color: #F2736F;
color: #F2736F;
border-color: #F2736F;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF2F2
100
#FAE1E0
200
#F9BFBE
300
#F5928F
400
#EF5752
500
#EA1C15
600
#BB1611
700
#96120E
800
#750E0B
900
#550E0C
950
#360908

Contrast Checker

Text on white

2,82:1

AA Fail AAA Fail

Text on black

7,46:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026