#F68086

#F68086

Color Values

HEX

#F68086

RGB

246, 128, 134

HSL

356.9, 86.8%, 73.3%

HSV

356.9, 48.0%, 96.5%

CMYK

0.0%, 48.0%, 45.5%, 3.5%

OKLCH

0.7338 0.1443 18.1

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F68086

#80F6F0

Analogous

#F680C1

#F6B580

#F68086

Triadic

#F68086

#86F680

#8086F6

Split Complementary

#F68086

#80F6B5

#80C1F6

Tetradic

#F68086

#C1F680

#80F6F0

#B580F6

Color Blindness Simulation

Original

#F68086

Protanopia

#C3C285

Deuteranopia

#CAD384

Tritanopia

#F08383

Achromatopsia

#9A9A9A

CSS Usage

background-color: #F68086;
color: #F68086;
border-color: #F68086;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABCC0
300
#F78D92
400
#F34F57
500
#EE111C
600
#BF0D17
700
#980B12
800
#77080E
900
#560B0F
950
#370709

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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