#FF6C79

#FF6C79

Color Values

HEX

#FF6C79

RGB

255, 108, 121

HSL

354.7, 100.0%, 71.2%

HSV

354.7, 57.6%, 100.0%

CMYK

0.0%, 57.6%, 52.5%, 0.0%

OKLCH

0.7157 0.1792 17.5

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FF6C79

#6CFFF2

Analogous

#FF6CC3

#FFA96C

#FF6C79

Triadic

#FF6C79

#79FF6C

#6C79FF

Split Complementary

#FF6C79

#6CFFA9

#6CC3FF

Tetradic

#FF6C79

#C3FF6C

#6CFFF2

#A96CFF

Color Blindness Simulation

Original

#FF6C79

Protanopia

#BFBE76

Deuteranopia

#C8D375

Tritanopia

#F87373

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FFB8BE
300
#FF858F
400
#FF4253
500
#FF0017
600
#CC0012
700
#A3000E
800
#80000B
900
#5C050D
950
#3A0308

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026