#F1696F

#F1696F

Color Values

HEX

#F1696F

RGB

241, 105, 111

HSL

357.4, 82.9%, 67.8%

HSV

357.4, 56.4%, 94.5%

CMYK

0.0%, 56.4%, 53.9%, 5.5%

OKLCH

0.6895 0.1678 19.9

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F1696F

#69F1EB

Analogous

#F169B3

#F1A769

#F1696F

Triadic

#F1696F

#6FF169

#696FF1

Split Complementary

#F1696F

#69F1A7

#69B3F1

Tetradic

#F1696F

#B3F169

#69F1EB

#A769F1

Color Blindness Simulation

Original

#F1696F

Protanopia

#B6B56E

Deuteranopia

#BEC86D

Tritanopia

#EA6C6C

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E2
200
#F9BEC0
300
#F58F93
400
#EF5259
500
#E9161F
600
#BB1119
700
#950E14
800
#750B0F
900
#550C0F
950
#35080A

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

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