#F4967D

#F4967D

Color Values

HEX

#F4967D

RGB

244, 150, 125

HSL

12.6, 84.4%, 72.4%

HSV

12.6, 48.8%, 95.7%

CMYK

0.0%, 38.5%, 48.8%, 4.3%

OKLCH

0.7644 0.1194 35.7

Properties

Warm Light Nearest: darksalmon

Color Harmonies

Complementary

#F4967D

#7DDBF4

Analogous

#F47DA0

#F4D27D

#F4967D

Triadic

#F4967D

#7DF496

#967DF4

Split Complementary

#F4967D

#7DF4D2

#7DA0F4

Tetradic

#F4967D

#A0F47D

#7DDBF4

#D27DF4

Color Blindness Simulation

Original

#F4967D

Protanopia

#CBCA83

Deuteranopia

#D1D884

Tritanopia

#EF8889

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FAE6E0
200
#F9CABD
300
#F5A48E
400
#F07251
500
#EB4114
600
#BC3410
700
#962A0D
800
#76210A
900
#551B0C
950
#361107

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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