#F2A39B

#F2A39B

Color Values

HEX

#F2A39B

RGB

242, 163, 155

HSL

5.5, 77.0%, 77.8%

HSV

5.5, 36.0%, 94.9%

CMYK

0.0%, 32.6%, 36.0%, 5.1%

OKLCH

0.7907 0.0953 25.8

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#F2A39B

#9BEAF2

Analogous

#F29BBE

#F2CE9B

#F2A39B

Triadic

#F2A39B

#9BF2A3

#A39BF2

Split Complementary

#F2A39B

#9BF2CE

#9BBEF2

Tetradic

#F2A39B

#BEF29B

#9BEAF2

#CE9BF2

Color Blindness Simulation

Original

#F2A39B

Protanopia

#D0CF9D

Deuteranopia

#D4DA9D

Tritanopia

#EE9E9F

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E4E1
200
#F7C5C0
300
#F19B93
400
#E96558
500
#E22F1D
600
#B52617
700
#901E13
800
#71180F
900
#52150F
950
#340D09

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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