#F82B97

#F82B97

Color Values

HEX

#F82B97

RGB

248, 43, 151

HSL

328.4, 93.6%, 57.1%

HSV

328.4, 82.7%, 97.3%

CMYK

0.0%, 82.7%, 39.1%, 2.7%

OKLCH

0.6534 0.2466 355.2

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F82B97

#2BF88C

Analogous

#F32BF8

#F82B31

#F82B97

Triadic

#F82B97

#97F82B

#2B97F8

Split Complementary

#F82B97

#31F82B

#2BF8F3

Tetradic

#F82B97

#F8F32B

#2BF88C

#2B31F8

Color Blindness Simulation

Original

#F82B97

Protanopia

#9F9D7D

Deuteranopia

#ABBA77

Tritanopia

#EE6864

Achromatopsia

#5E5E5E

CSS Usage

background-color: #F82B97;
color: #F82B97;
border-color: #F82B97;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADD
300
#FB89C5
400
#F948A5
500
#F70886
600
#C5076B
700
#9E0556
800
#7B0443
900
#590833
950
#380520

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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