#F156DE

#F156DE

Color Values

HEX

#F156DE

RGB

241, 86, 222

HSL

307.4, 84.7%, 64.1%

HSV

307.4, 64.3%, 94.5%

CMYK

0.0%, 64.3%, 7.9%, 5.5%

OKLCH

0.7053 0.239 333.0

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F156DE

#56F169

Analogous

#B756F1

#F15690

#F156DE

Triadic

#F156DE

#DEF156

#56DEF1

Split Complementary

#F156DE

#90F156

#56F1B7

Tetradic

#F156DE

#F1B756

#56F169

#5690F1

Color Blindness Simulation

Original

#F156DE

Protanopia

#AEADBD

Deuteranopia

#B7C2B5

Tritanopia

#E9A39D

Achromatopsia

#818181

CSS Usage

background-color: #F156DE;
color: #F156DE;
border-color: #F156DE;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FB
100
#FAE0F7
200
#FABDF2
300
#F68EE9
400
#F151DD
500
#EB14D1
600
#BC10A7
700
#970C86
800
#760A68
900
#550C4C
950
#360730

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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