#F2696F

#F2696F

Color Values

HEX

#F2696F

RGB

242, 105, 111

HSL

357.4, 84.0%, 68.0%

HSV

357.4, 56.6%, 94.9%

CMYK

0.0%, 56.6%, 54.1%, 5.1%

OKLCH

0.6909 0.1689 20.0

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F2696F

#69F2EC

Analogous

#F269B3

#F2A769

#F2696F

Triadic

#F2696F

#6FF269

#696FF2

Split Complementary

#F2696F

#69F2A7

#69B3F2

Tetradic

#F2696F

#B3F269

#69F2EC

#A769F2

Color Blindness Simulation

Original

#F2696F

Protanopia

#B7B56E

Deuteranopia

#BFC96D

Tritanopia

#EB6C6C

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E2
200
#F9BDC0
300
#F58E93
400
#F05158
500
#EB141E
600
#BC1018
700
#960D13
800
#750A0F
900
#550C0F
950
#360709

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

7.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026