#FF66C8

#FF66C8

Color Values

HEX

#FF66C8

RGB

255, 102, 200

HSL

321.6, 100.0%, 70.0%

HSV

321.6, 60.0%, 100.0%

CMYK

0.0%, 60.0%, 21.6%, 0.0%

OKLCH

0.7321 0.2121 344.3

Properties

Warm Light Nearest: hotpink

Color Harmonies

Complementary

#FF66C8

#66FF9D

Analogous

#EA66FF

#FF667B

#FF66C8

Triadic

#FF66C8

#C8FF66

#66C8FF

Split Complementary

#FF66C8

#7BFF66

#66FFEA

Tetradic

#FF66C8

#FFEA66

#66FF9D

#667BFF

Color Blindness Simulation

Original

#FF66C8

Protanopia

#BDBBB0

Deuteranopia

#C6D1AB

Tritanopia

#F79E99

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDEF1
200
#FFB8E5
300
#FF85D3
400
#FF42BB
500
#FF00A3
600
#CC0083
700
#A30068
800
#800052
900
#5C053D
950
#3A0326

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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