#F67276

#F67276

Color Values

HEX

#F67276

RGB

246, 114, 118

HSL

358.2, 88.0%, 70.6%

HSV

358.2, 53.7%, 96.5%

CMYK

0.0%, 53.7%, 52.0%, 3.5%

OKLCH

0.7102 0.1623 20.3

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F67276

#72F6F2

Analogous

#F672B8

#F6B072

#F67276

Triadic

#F67276

#76F672

#7276F6

Split Complementary

#F67276

#72F6B0

#72B8F6

Tetradic

#F67276

#B8F672

#72F6F2

#B072F6

Color Blindness Simulation

Original

#F67276

Protanopia

#BDBC75

Deuteranopia

#C4CE75

Tritanopia

#EF7474

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E1
200
#FBBCBE
300
#F88C8F
400
#F44E53
500
#F00F16
600
#C00C12
700
#990A0E
800
#78080B
900
#570A0C
950
#370608

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.59:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026