#FB66AF

#FB66AF

Color Values

HEX

#FB66AF

RGB

251, 102, 175

HSL

330,6, 94,9%, 69,2%

HSV

330,6, 59,4%, 98,4%

CMYK

0,0%, 59,4%, 30,3%, 1,6%

OKLCH

0,7174 0,1955 352,7

Properties

Warm Light Nearest: hotpink

Color Harmonies

Complementary

#FB66AF

#66FBB2

Analogous

#FB66FA

#FB6766

#FB66AF

Triadic

#FB66AF

#AFFB66

#66AFFB

Split Complementary

#FB66AF

#66FB67

#66FAFB

Tetradic

#FB66AF

#FAFB66

#66FBB2

#6766FB

Color Blindness Simulation

Original

#FB66AF

Protanopia

#BAB99D

Deuteranopia

#C3CE99

Tritanopia

#F48F8C

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DB
300
#FC88C1
400
#FA479F
500
#F8077D
600
#C70564
700
#9F0450
800
#7C033F
900
#5A0730
950
#39041E

Contrast Checker

Text on white

2,76:1

AA Fail AAA Fail

Text on black

7,62:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026