#F198EC

#F198EC

Color Values

HEX

#F198EC

RGB

241, 152, 236

HSL

303,4, 76,1%, 77,1%

HSV

303,4, 36,9%, 94,5%

CMYK

0,0%, 36,9%, 2,1%, 5,5%

OKLCH

0,7971 0,1497 328,9

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F198EC

#98F19D

Analogous

#CA98F1

#F198C0

#F198EC

Triadic

#F198EC

#ECF198

#98ECF1

Split Complementary

#F198EC

#C0F198

#98F1CA

Tetradic

#F198EC

#F1CA98

#98F19D

#98C0F1

Color Blindness Simulation

Original

#F198EC

Protanopia

#CACAD8

Deuteranopia

#D0D6D3

Tritanopia

#EDC8C4

Achromatopsia

#B1B1B1

CSS Usage

background-color: #F198EC;
color: #F198EC;
border-color: #F198EC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F6C0F3
300
#F093EB
400
#E859E0
500
#E11ED6
600
#B418AB
700
#901489
800
#700F6B
900
#520F4E
950
#340A31

Contrast Checker

Text on white

2,01:1

AA Fail AAA Fail

Text on black

10,44:1

AA Pass AAA Pass

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