#FA696A

#FA696A

Color Values

HEX

#FA696A

RGB

250, 105, 106

HSL

359.6, 93.5%, 69.6%

HSV

359.6, 58.0%, 98.0%

CMYK

0.0%, 58.0%, 57.6%, 2.0%

OKLCH

0.7016 0.1781 22.4

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FA696A

#69FAF9

Analogous

#FA69B2

#FAB169

#FA696A

Triadic

#FA696A

#6AFA69

#696AFA

Split Complementary

#FA696A

#69FAB1

#69B2FA

Tetradic

#FA696A

#B2FA69

#69FAF9

#B169FA

Color Blindness Simulation

Original

#FA696A

Protanopia

#BBBA6A

Deuteranopia

#C4CE6A

Tritanopia

#F36A6A

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FDBABA
300
#FB8989
400
#F9484A
500
#F7080A
600
#C50708
700
#9E0506
800
#7B0405
900
#590808
950
#380505

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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