#FE6DC4

#FE6DC4

Color Values

HEX

#FE6DC4

RGB

254, 109, 196

HSL

324.0, 98.6%, 71.2%

HSV

324.0, 57.1%, 99.6%

CMYK

0.0%, 57.1%, 22.8%, 0.4%

OKLCH

0.7374 0.199 346.1

Properties

Warm Light Nearest: hotpink

Color Harmonies

Complementary

#FE6DC4

#6DFEA7

Analogous

#EF6DFE

#FE6D7C

#FE6DC4

Triadic

#FE6DC4

#C4FE6D

#6DC4FE

Split Complementary

#FE6DC4

#7CFE6D

#6DFEEF

Tetradic

#FE6DC4

#FEEF6D

#6DFEA7

#6D7CFE

Color Blindness Simulation

Original

#FE6DC4

Protanopia

#BFBEAF

Deuteranopia

#C8D2AA

Tritanopia

#F79E9B

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDEF0
200
#FFB8E2
300
#FE85CE
400
#FE44B3
500
#FD0299
600
#CB017A
700
#A20162
800
#7F014C
900
#5B0539
950
#3A0324

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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