#FB6C77

#FB6C77

Color Values

HEX

#FB6C77

RGB

251, 108, 119

HSL

355.4, 94.7%, 70.4%

HSV

355.4, 57.0%, 98.4%

CMYK

0.0%, 57.0%, 52.6%, 1.6%

OKLCH

0.7095 0.1749 18.1

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#FB6C77

#6CFBF0

Analogous

#FB6CBE

#FBA96C

#FB6C77

Triadic

#FB6C77

#77FB6C

#6C77FB

Split Complementary

#FB6C77

#6CFBA9

#6CBEFB

Tetradic

#FB6C77

#BEFB6C

#6CFBF0

#A96CFB

Color Blindness Simulation

Original

#FB6C77

Protanopia

#BDBC74

Deuteranopia

#C5D074

Tritanopia

#F47272

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDFE1
200
#FDB9BF
300
#FC8891
400
#FA4755
500
#F80719
600
#C70514
700
#9F0410
800
#7C030D
900
#5A070D
950
#390509

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.51:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026