#F700BC

#F700BC

Color Values

HEX

#F700BC

RGB

247, 0, 188

HSL

314.3, 100.0%, 48.4%

HSV

314.3, 100.0%, 96.9%

CMYK

0.0%, 100.0%, 23.9%, 3.1%

OKLCH

0.6539 0.2805 342.9

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F700BC

#00F73B

Analogous

#B600F7

#F70041

#F700BC

Triadic

#F700BC

#BCF700

#00BCF7

Split Complementary

#F700BC

#41F700

#00F7B6

Tetradic

#F700BC

#F7B600

#00F73B

#0041F7

Color Blindness Simulation

Original

#F700BC

Protanopia

#8C8A8F

Deuteranopia

#9AAD84

Tritanopia

#EB6B63

Achromatopsia

#424242

CSS Usage

background-color: #F700BC;
color: #F700BC;
border-color: #F700BC;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FFB8EE
300
#FF85E2
400
#FF42D2
500
#FF00C2
600
#CC009B
700
#A3007C
800
#800061
900
#5C0547
950
#3A032D

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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