#F27464

#F27464

Color Values

HEX

#F27464

RGB

242, 116, 100

HSL

6.8, 84.5%, 67.1%

HSV

6.8, 58.7%, 94.9%

CMYK

0.0%, 52.1%, 58.7%, 5.1%

OKLCH

0.704 0.1582 29.1

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#F27464

#64E2F2

Analogous

#F2649B

#F2BB64

#F27464

Triadic

#F27464

#64F274

#7464F2

Split Complementary

#F27464

#64F2BB

#649BF2

Tetradic

#F27464

#9BF264

#64E2F2

#BB64F2

Color Blindness Simulation

Original

#F27464

Protanopia

#BBBA68

Deuteranopia

#C3CC69

Tritanopia

#EC6B6C

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E0
200
#F9C4BD
300
#F69A8E
400
#F06351
500
#EB2C14
600
#BC2310
700
#971C0D
800
#76160A
900
#55140C
950
#360D07

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026