#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026