#F06BAF

#F06BAF

Color Values

HEX

#F06BAF

RGB

240, 107, 175

HSL

329,3, 81,6%, 68,0%

HSV

329,3, 55,4%, 94,1%

CMYK

0,0%, 55,4%, 27,1%, 5,9%

OKLCH

0,7083 0,1786 350,8

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F06BAF

#6BF0AC

Analogous

#EE6BF0

#F06B6C

#F06BAF

Triadic

#F06BAF

#AFF06B

#6BAFF0

Split Complementary

#F06BAF

#6CF06B

#6BF0EE

Tetradic

#F06BAF

#F0EE6B

#6BF0AC

#6B6CF0

Color Blindness Simulation

Original

#F06BAF

Protanopia

#B6B59F

Deuteranopia

#BEC89B

Tritanopia

#E9928F

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1ED
200
#F8BEDC
300
#F490C3
400
#EE54A2
500
#E81782
600
#B91368
700
#940F53
800
#740C41
900
#540D31
950
#35081F

Contrast Checker

Text on white

2,83:1

AA Fail AAA Fail

Text on black

7,43: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