HEX Color #D333D3 (Mediumorchid)

About #D333D3

The precise color #D333D3 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 51, and 211.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 76% Magenta, 0% Yellow, and 17% Black. The HSL representation is 300.0° hue, 64.5% saturation, and 51.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D333D3

RGB211, 51, 211

HSL300.0°, 64.5%, 51.4%

CMYK0%, 76%, 0%, 17%

HSV300.0°, 75.8%, 82.7%

LAB52.9, 77.3, -48.4

XYZ39.8, 20.9, 63.6

Decimal13841363

Color Harmonies

Complementary

#D333D3 #32D332

Analogous

#8232D3 #D33283

Triadic

#D2D332 #32D2D3

Tetradic

#D38332 #32D332 #3282D3

Tints, Shades & Tones

Tints (Adding White)

#D333D3

#D749D7

#DC60DC

#E177E1

#E68DE6

#EBA4EB

#F0BBF0

#F5D1F5

#FAE8FA

#FFFFFF

Shades (Adding Black)

#D333D3

#BB2DBB

#A427A4

#8C228C

#751C75

#5D165D

#461146

#2E0B2E

#170517

#000000

WCAG Contrast Accessibility

4.05:1

Text on #FFFFFF

AA Large

5.18:1

Text on #000000

AA

3.87:1

Text on #F8FAFC

AA Large

4.41:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #D333D3; }

.text-color { color: #D333D3; }

.border-color { border: 2px solid #D333D3; }

Similar Colors

Mediumorchid

#BA55D3