#F64BBC

#F64BBC

Color Values

HEX

#F64BBC

RGB

246, 75, 188

HSL

320.4, 90.5%, 62.9%

HSV

320.4, 69.5%, 96.5%

CMYK

0.0%, 69.5%, 23.6%, 3.5%

OKLCH

0.6871 0.2332 344.4

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F64BBC

#4BF685

Analogous

#DB4BF6

#F64B66

#F64BBC

Triadic

#F64BBC

#BCF64B

#4BBCF6

Split Complementary

#F64BBC

#66F64B

#4BF6DB

Tetradic

#F64BBC

#F6DB4B

#4BF685

#4B66F6

Color Blindness Simulation

Original

#F64BBC

Protanopia

#ACAAA1

Deuteranopia

#B6C39A

Tritanopia

#ED8B86

Achromatopsia

#787878

CSS Usage

background-color: #F64BBC;
color: #F64BBC;
border-color: #F64BBC;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FCBBE6
300
#F98AD4
400
#F64BBC
500
#F30CA4
600
#C20A84
700
#9B0869
800
#790652
900
#58093D
950
#380627

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026