#FB666F

#FB666F

Color Values

HEX

#FB666F

RGB

251, 102, 111

HSL

356.4, 94.9%, 69.2%

HSV

356.4, 59.4%, 98.4%

CMYK

0.0%, 59.4%, 55.8%, 1.6%

OKLCH

0.7002 0.1822 19.5

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FB666F

#66FBF2

Analogous

#FB66B9

#FBA866

#FB666F

Triadic

#FB666F

#6FFB66

#666FFB

Split Complementary

#FB666F

#66FBA8

#66B9FB

Tetradic

#FB666F

#B9FB66

#66FBF2

#A866FB

Color Blindness Simulation

Original

#FB666F

Protanopia

#BAB96D

Deuteranopia

#C3CE6C

Tritanopia

#F46B6B

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FDB9BD
300
#FC888F
400
#FA4752
500
#F80715
600
#C70511
700
#9F040D
800
#7C030B
900
#5A070C
950
#390408

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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