#EC65FC

#EC65FC

Color Values

HEX

#EC65FC

RGB

236, 101, 252

HSL

293.6, 96.2%, 69.2%

HSV

293.6, 59.9%, 98.8%

CMYK

6.3%, 59.9%, 0.0%, 1.2%

OKLCH

0.7297 0.2405 323.3

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#EC65FC

#75FC65

Analogous

#A065FC

#FC65C1

#EC65FC

Triadic

#EC65FC

#FCEC65

#65FCEC

Split Complementary

#EC65FC

#C1FC65

#65FCA0

Tetradic

#EC65FC

#FCA065

#75FC65

#65C1FC

Color Blindness Simulation

Original

#EC65FC

Protanopia

#B2B0D8

Deuteranopia

#B9C4CF

Tritanopia

#E5BBB4

Achromatopsia

#8D8D8D

CSS Usage

background-color: #EC65FC;
color: #EC65FC;
border-color: #EC65FC;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF1FE
100
#F9DFFC
200
#F6B9FE
300
#F087FD
400
#E846FB
500
#E005FA
600
#B304C8
700
#8F03A0
800
#70027D
900
#51075A
950
#330439

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026