#F09596

#F09596

Color Values

HEX

#F09596

RGB

240, 149, 150

HSL

359,3, 75,2%, 76,3%

HSV

359,3, 37,9%, 94,1%

CMYK

0,0%, 37,9%, 37,5%, 5,9%

OKLCH

0,7633 0,11 19,2

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#F09596

#95F0EF

Analogous

#F095C4

#F0C295

#F09596

Triadic

#F09596

#96F095

#9596F0

Split Complementary

#F09596

#95F0C2

#95C4F0

Tetradic

#F09596

#C4F095

#95F0EF

#C295F0

Color Blindness Simulation

Original

#F09596

Protanopia

#C9C896

Deuteranopia

#CED596

Tritanopia

#EB9696

Achromatopsia

#A8A8A8

CSS Usage

background-color: #F09596;
color: #F09596;
border-color: #F09596;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FCF2F3
100
#F9E2E2
200
#F6C0C1
300
#F09495
400
#E85A5B
500
#DF2022
600
#B3191B
700
#8F1416
800
#701011
900
#511010
950
#330A0A

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

9,44: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