#F2508C

#F2508C

Color Values

HEX

#F2508C

RGB

242, 80, 140

HSL

337.8, 86.2%, 63.1%

HSV

337.8, 66.9%, 94.9%

CMYK

0.0%, 66.9%, 42.1%, 5.1%

OKLCH

0.6688 0.2028 1.6

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F2508C

#50F2B6

Analogous

#F250DD

#F26550

#F2508C

Triadic

#F2508C

#8CF250

#508CF2

Split Complementary

#F2508C

#50F265

#50DDF2

Tetradic

#F2508C

#DDF250

#50F2B6

#6550F2

Color Blindness Simulation

Original

#F2508C

Protanopia

#ACAA7D

Deuteranopia

#B5C17A

Tritanopia

#EA7270

Achromatopsia

#777777

CSS Usage

background-color: #F2508C;
color: #F2508C;
border-color: #F2508C;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F6
100
#FAE0EA
200
#FABDD3
300
#F78DB4
400
#F24F8C
500
#ED1263
600
#BE0E4F
700
#980B3F
800
#770931
900
#560B27
950
#360718

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.3: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