#C748FA

#C748FA

Color Values

HEX

#C748FA

RGB

199, 72, 250

HSL

282.8, 94.7%, 63.1%

HSV

282.8, 71.2%, 98.0%

CMYK

20.4%, 71.2%, 0.0%, 2.0%

OKLCH

0.6518 0.2594 314.3

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#C748FA

#7BFA48

Analogous

#6E48FA

#FA48D4

#C748FA

Triadic

#C748FA

#FAC748

#48FAC7

Split Complementary

#C748FA

#D4FA48

#48FA6E

Tetradic

#C748FA

#FA6E48

#7BFA48

#48D4FA

Color Blindness Simulation

Original

#C748FA

Protanopia

#908FCF

Deuteranopia

#97A1C5

Tritanopia

#C1ADA5

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DFFC
200
#EAB9FD
300
#DB88FC
400
#C747FA
500
#B307F8
600
#8F05C7
700
#73049F
800
#5A037C
900
#42075A
950
#2A0539

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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