#D346FB

#D346FB

Color Values

HEX

#D346FB

RGB

211, 70, 251

HSL

286.7, 95.8%, 62.9%

HSV

286.7, 72.1%, 98.4%

CMYK

15.9%, 72.1%, 0.0%, 1.6%

OKLCH

0.6661 0.2665 317.6

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#D346FB

#6EFB46

Analogous

#7846FB

#FB46C9

#D346FB

Triadic

#D346FB

#FBD346

#46FBD3

Split Complementary

#D346FB

#C9FB46

#46FB78

Tetradic

#D346FB

#FB7846

#6EFB46

#46C9FB

Color Blindness Simulation

Original

#D346FB

Protanopia

#9695CF

Deuteranopia

#9EA9C5

Tritanopia

#CCADA5

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FBF1FE
100
#F5DFFC
200
#EEB9FE
300
#E287FC
400
#D346FB
500
#C305FA
600
#9C04C8
700
#7D03A0
800
#62037D
900
#48075A
950
#2D0439

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026