#F20D61

#F20D61

Color Values

HEX

#F20D61

RGB

242, 13, 97

HSL

338.0, 89.8%, 50.0%

HSV

338.0, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 59.9%, 5.1%

OKLCH

0.6165 0.2427 10.7

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F20D61

#0DF29E

Analogous

#F20DD3

#F22C0D

#F20D61

Triadic

#F20D61

#61F20D

#0D61F2

Split Complementary

#F20D61

#0DF22C

#0DD3F2

Tetradic

#F20D61

#D3F20D

#0DF29E

#2C0DF2

Color Blindness Simulation

Original

#F20D61

Protanopia

#8F8D4D

Deuteranopia

#9CAD48

Tritanopia

#E73D39

Achromatopsia

#444444

CSS Usage

background-color: #F20D61;
color: #F20D61;
border-color: #F20D61;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F6
100
#FBE0EA
200
#FBBBD3
300
#F98BB3
400
#F54C8A
500
#F20D61
600
#C20A4E
700
#9B083E
800
#790730
900
#580926
950
#370618

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026