#F06F67

#F06F67

Color Values

HEX

#F06F67

RGB

240, 111, 103

HSL

3.5, 82.0%, 67.3%

HSV

3.5, 57.1%, 94.1%

CMYK

0.0%, 53.8%, 57.1%, 5.9%

OKLCH

0.6947 0.1608 25.7

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#F06F67

#67E8F0

Analogous

#F067A4

#F0B467

#F06F67

Triadic

#F06F67

#67F06F

#6F67F0

Split Complementary

#F06F67

#67F0B4

#67A4F0

Tetradic

#F06F67

#A4F067

#67E8F0

#B467F0

Color Blindness Simulation

Original

#F06F67

Protanopia

#B8B769

Deuteranopia

#C0C969

Tritanopia

#EA6A6B

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE2E1
200
#F9C1BE
300
#F49590
400
#EE5C53
500
#E82317
600
#BA1C12
700
#95160F
800
#74120B
900
#54110D
950
#350B08

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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