#F400BA

#F400BA

Color Values

HEX

#F400BA

RGB

244, 0, 186

HSL

314.3, 100.0%, 47.8%

HSV

314.3, 100.0%, 95.7%

CMYK

0.0%, 100.0%, 23.8%, 4.3%

OKLCH

0.6481 0.2781 342.9

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F400BA

#00F43A

Analogous

#B400F4

#F40040

#F400BA

Triadic

#F400BA

#BAF400

#00BAF4

Split Complementary

#F400BA

#40F400

#00F4B4

Tetradic

#F400BA

#F4B400

#00F43A

#0040F4

Color Blindness Simulation

Original

#F400BA

Protanopia

#8A888D

Deuteranopia

#98AB82

Tritanopia

#E86962

Achromatopsia

#414141

CSS Usage

background-color: #F400BA;
color: #F400BA;
border-color: #F400BA;
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.78:1

AA Fail AAA Fail

Text on black

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