#F32F68

#F32F68

Color Values

HEX

#F32F68

RGB

243, 47, 104

HSL

342.6, 89.1%, 56.9%

HSV

342.6, 80.7%, 95.3%

CMYK

0.0%, 80.7%, 57.2%, 4.7%

OKLCH

0.6338 0.2279 10.8

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F32F68

#2FF3BA

Analogous

#F32FCA

#F3582F

#F32F68

Triadic

#F32F68

#68F32F

#2F68F3

Split Complementary

#F32F68

#2FF358

#2FCAF3

Tetradic

#F32F68

#CAF32F

#2FF3BA

#582FF3

Color Blindness Simulation

Original

#F32F68

Protanopia

#9E9C5A

Deuteranopia

#AAB857

Tritanopia

#E94F4D

Achromatopsia

#5D5D5D

CSS Usage

background-color: #F32F68;
color: #F32F68;
border-color: #F32F68;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F5
100
#FBE0E7
200
#FBBBCE
300
#F88BAB
400
#F54D7D
500
#F10E50
600
#C10B40
700
#9A0933
800
#790728
900
#570A20
950
#370614

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

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