#F06F75

#F06F75

Color Values

HEX

#F06F75

RGB

240, 111, 117

HSL

357,2, 81,1%, 68,8%

HSV

357,2, 53,8%, 94,1%

CMYK

0,0%, 53,8%, 51,3%, 5,9%

OKLCH

0,6974 0,1592 19,3

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F06F75

#6FF0EA

Analogous

#F06FB5

#F0A96F

#F06F75

Triadic

#F06F75

#75F06F

#6F75F0

Split Complementary

#F06F75

#6FF0A9

#6FB5F0

Tetradic

#F06F75

#B5F06F

#6FF0EA

#A96FF0

Color Blindness Simulation

Original

#F06F75

Protanopia

#B8B774

Deuteranopia

#C0C973

Tritanopia

#EA7272

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#F9E1E2
200
#F8BEC1
300
#F39095
400
#ED545B
500
#E71822
600
#B9131B
700
#940F16
800
#730C11
900
#540D10
950
#35080A

Contrast Checker

Text on white

2,9:1

AA Fail AAA Fail

Text on black

7,24:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026