#D307F8

#D307F8

Color Values

HEX

#D307F8

RGB

211, 7, 248

HSL

290.8, 94.5%, 50.0%

HSV

290.8, 97.2%, 97.3%

CMYK

14.9%, 97.2%, 0.0%, 2.7%

OKLCH

0.6335 0.3025 319.6

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#D307F8

#2CF807

Analogous

#5B07F8

#F807A4

#D307F8

Triadic

#D307F8

#F8D307

#07F8D3

Split Complementary

#D307F8

#A4F807

#07F85B

Tetradic

#D307F8

#F85B07

#2CF807

#07A4F8

Color Blindness Simulation

Original

#D307F8

Protanopia

#7B79BE

Deuteranopia

#8696B0

Tritanopia

#C99086

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F7DFFB
200
#F3BAFD
300
#EA88FC
400
#DE47FA
500
#D307F8
600
#A906C6
700
#87049F
800
#6A047C
900
#4D075A
950
#310539

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass AAA Fail

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