Orchid Color Hex Code, RGB & HSL Values

What is the meaning of the Orchid color?

Orchid is a vibrant, medium-light purple-pink color. It represents exotic natural orchids, luxury, and creative expression, offering a bold, fashionable accent color in design apps.

How to use the Orchid color hex code in HTML & CSS?

To style elements with Orchid on a website, use the hex code #DA70D6 in your HTML/CSS. Adding background-color: #DA70D6; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#DA70D6] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Orchid?

In the digital sRGB spectrum, the Orchid color code is mapped to RGB values of Red: 218, Green: 112, and Blue: 214. In the HSL system, it registers at hue angle 302°, saturation 59%, and lightness index 65%. It represents a balanced medium tone characterized by a balanced, moderate saturation.

CMYK print profiles for Orchid color

To reproduce the named shade Orchid in print systems, the CMYK ink configuration requires 0% Cyan, 49% Magenta, 2% Yellow, and 15% black. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 218

Green Channel 112

Blue Channel 214

Luminance 0.313

⇄ Orchid Color Space Conversions

Click to copy format

HEX Color Code #DA70D6

RGB (Red Green Blue) rgb(218, 112, 214)

HSL (Hue Sat Light) hsl(302°, 59%, 65%)

CMYK (Commercial Print) cmyk(0%, 49%, 2%, 15%)

HSV / HSB Values hsv(302°, 49%, 85%)

Decimal Color Code 14315734

CSS Custom Variable --color-hex: #DA70D6;

Tailwind CSS Utility bg-[#DA70D6]

CSS Named Color orchid

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #DA70D6

Small body copy preview

Black Text on Background

Black text readability test with #DA70D6

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Orchid */
--color-hex: #DA70D6;
--color-rgb: rgb(218, 112, 214);
--color-hsl: hsl(302deg, 59%, 65%);
--color-name: orchid;

Aa Known Color Aliases

✦ Orchid Color Meaning

As a notable shade in the purple spectrum, Orchid embodies the core psychological traits of the purple color family. The purple spectrum has been associated with royalty and power since ancient times when Tyrian purple dye cost more than gold by weight. This historical scarcity created a deep psychological association between purple and luxury, wisdom, and spiritual authority. Today, purple bridges the rational energy of blue with the passionate warmth of red, creating a color that feels both innovative and sophisticated. Lighter purples like lavender communicate romance and nostalgia, while deep violets convey mystery and premium quality. In design, purple stands out precisely because it is used less frequently than primary colors, creating an air of exclusivity.

Emotions & Associations

RoyaltyMysteryCreativityWisdom

Industries

TechnologySpiritualityFood