#F59890

#F59890

Color Values

HEX

#F59890

RGB

245, 152, 144

HSL

4.8, 83.5%, 76.3%

HSV

4.8, 41.2%, 96.1%

CMYK

0.0%, 38.0%, 41.2%, 3.9%

OKLCH

0.7728 0.1132 25.3

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#F59890

#90EDF5

Analogous

#F590BA

#F5CB90

#F59890

Triadic

#F59890

#90F598

#9890F5

Split Complementary

#F59890

#90F5CB

#90BAF5

Tetradic

#F59890

#BAF590

#90EDF5

#CB90F5

Color Blindness Simulation

Original

#F59890

Protanopia

#CDCC92

Deuteranopia

#D2D992

Tritanopia

#F09394

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E0
200
#F9C2BD
300
#F5978F
400
#EF5E52
500
#EA2615
600
#BB1E11
700
#96180D
800
#75130B
900
#55120C
950
#360B08

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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