#F36495

#F36495

Color Values

HEX

#F36495

RGB

243, 100, 149

HSL

339.4, 85.6%, 67.3%

HSV

339.4, 58.8%, 95.3%

CMYK

0.0%, 58.8%, 38.7%, 4.7%

OKLCH

0.6954 0.1808 1.6

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F36495

#64F3C2

Analogous

#F364DD

#F37B64

#F36495

Triadic

#F36495

#95F364

#6495F3

Split Complementary

#F36495

#64F37B

#64DDF3

Tetradic

#F36495

#DDF364

#64F3C2

#7B64F3

Color Blindness Simulation

Original

#F36495

Protanopia

#B5B489

Deuteranopia

#BDC886

Tritanopia

#EC807E

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0E9
200
#FABDD2
300
#F68DB1
400
#F15087
500
#ED125D
600
#BD0F4B
700
#970C3C
800
#76092F
900
#560B25
950
#360717

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026