#F495EE

#F495EE

Color Values

HEX

#F495EE

RGB

244, 149, 238

HSL

303.8, 81.2%, 77.1%

HSV

303.8, 38.9%, 95.7%

CMYK

0.0%, 38.9%, 2.5%, 4.3%

OKLCH

0.7966 0.1586 329.2

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#F495EE

#95F49B

Analogous

#CB95F4

#F495BF

#F495EE

Triadic

#F495EE

#EEF495

#95EEF4

Split Complementary

#F495EE

#BFF495

#95F4CB

Tetradic

#F495EE

#F4CB95

#95F49B

#95BFF4

Color Blindness Simulation

Original

#F495EE

Protanopia

#CBCAD8

Deuteranopia

#D0D7D3

Tritanopia

#EFC7C4

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F8
200
#F8BEF5
300
#F390ED
400
#ED54E4
500
#E718DA
600
#B913AE
700
#940F8B
800
#740C6D
900
#540D4F
950
#350832

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026