#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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026