#F261B0

#F261B0

Color Values

HEX

#F261B0

RGB

242, 97, 176

HSL

327.3, 84.8%, 66.5%

HSV

327.3, 59.9%, 94.9%

CMYK

0.0%, 59.9%, 27.3%, 5.1%

OKLCH

0.6992 0.1953 349.5

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F261B0

#61F2A3

Analogous

#EB61F2

#F26168

#F261B0

Triadic

#F261B0

#B0F261

#61B0F2

Split Complementary

#F261B0

#68F261

#61F2EB

Tetradic

#F261B0

#F2EB61

#61F2A3

#6168F2

Color Blindness Simulation

Original

#F261B0

Protanopia

#B3B29D

Deuteranopia

#BCC698

Tritanopia

#EB8E8A

Achromatopsia

#868686

CSS Usage

background-color: #F261B0;
color: #F261B0;
border-color: #F261B0;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDE
300
#F68EC6
400
#F151A8
500
#EC1389
600
#BC106E
700
#970C58
800
#760A45
900
#550B34
950
#360721

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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