#F43196

#F43196

Color Values

HEX

#F43196

RGB

244, 49, 150

HSL

328.9, 89.9%, 57.5%

HSV

328.9, 79.9%, 95.7%

CMYK

0.0%, 79.9%, 38.5%, 4.3%

OKLCH

0.6499 0.239 355.1

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F43196

#31F48F

Analogous

#F031F4

#F43135

#F43196

Triadic

#F43196

#96F431

#3196F4

Split Complementary

#F43196

#35F431

#31F4F0

Tetradic

#F43196

#F4F031

#31F48F

#3135F4

Color Blindness Simulation

Original

#F43196

Protanopia

#A09E7E

Deuteranopia

#ABB978

Tritanopia

#EA6A66

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBBDC
300
#F98BC4
400
#F54CA4
500
#F20D84
600
#C20A69
700
#9B0854
800
#790642
900
#580932
950
#370620

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

5.73:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026