HEX Color #FF5FD3 (Orchid)

About #FF5FD3

When working with digital screens, the color #FF5FD3 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Orchid. Its digital footprint relies on 255 parts red, 95 parts green, and 211 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 63% magenta inks. The HSL representation is 316.5° hue, 100.0% saturation, and 68.6% lightness.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#FF5FD3

RGB255, 95, 211

HSL316.5°, 100.0%, 68.6%

CMYK0%, 63%, 17%, 0%

HSV316.5°, 62.7%, 100.0%

LAB65.1, 72.4, -28.8

XYZ57.1, 34.1, 65.2

Decimal16736211

Color Harmonies

Complementary

#FF5FD3 #5FFF8B

Analogous

#DB5FFF #FF5F82

Triadic

#D2FF5F #5FD3FF

Tetradic

#FFDB5F #5FFF8B #5F83FF

Tints, Shades & Tones

Tints (Adding White)

#FF5FD3

#FF70D7

#FF82DC

#FF94E1

#FFA6E6

#FFB7EB

#FFC9F0

#FFDBF5

#FFEDFA

#FFFFFF

Shades (Adding Black)

#FF5FD3

#E254BB

#C649A4

#AA3F8C

#8D3475

#712A5D

#551F46

#38152E

#1C0A17

#000000

WCAG Contrast Accessibility

2.68:1

Text on #FFFFFF

FAIL

7.83:1

Text on #000000

AAA

2.56:1

Text on #F8FAFC

FAIL

6.66:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #FF5FD3; }

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

Similar Colors

Orchid

#DA70D6