HEX Color #C557B6 (Orchid)

About #C557B6

The precise color #C557B6 is an excellent choice for modern design projects. Designers often compare it to the standard color Orchid. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 87, and 182.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 56% magenta inks. The HSL representation is 308.2° hue, 48.7% saturation, and 55.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#C557B6

RGB197, 87, 182

HSL308.2°, 48.7%, 55.7%

CMYK0%, 56%, 8%, 23%

HSV308.2°, 55.8%, 77.3%

LAB54.1, 55.8, -29.9

XYZ34.9, 22.1, 46.7

Decimal12933046

Color Harmonies

Complementary

#C557B6 #57C466

Analogous

#9C57C4 #C4577E

Triadic

#B5C457 #57B5C4

Tetradic

#C49D57 #57C466 #577EC4

Tints, Shades & Tones

Tints (Adding White)

#C557B6

#CB69BE

#D17CC6

#D88FCE

#DEA1D6

#E5B4DE

#EBC7E6

#F2D9EE

#F8ECF6

#FFFFFF

Shades (Adding Black)

#C557B6

#AF4DA1

#99438D

#833A79

#6D3065

#572650

#411D3C

#2B1328

#150914

#000000

WCAG Contrast Accessibility

3.88:1

Text on #FFFFFF

AA Large

5.41:1

Text on #000000

AA

3.71:1

Text on #F8FAFC

AA Large

4.60:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #C557B6; }

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

Similar Colors

Orchid

#DA70D6