Codes & values
- Color Name
Orchid - Color ID
KDF-C-14315734 - HEX
#DA70D6 - RGB
rgb(218, 112, 214) - RGBA
rgba(218, 112, 214, 1) - HSL
hsl(302, 59%, 65%) - HSLA
hsla(302, 59%, 65%, 1) - HSV / HSB
hsv(302, 49%, 85%) - CMYK
cmyk(0%, 49%, 2%, 15%) - Light / Dark
mid
Quick answers
- What is the HEX code for Orchid?
- #DA70D6
- What is Orchid RGB?
- rgb(218, 112, 214)
- What is Orchid HSL?
- hsl(302, 59%, 65%)
- What is Orchid CMYK?
- cmyk(0%, 49%, 2%, 15%)
What is Orchid?
Orchid is a curated pink family color at #DA70D6. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Orchid HEX code
The HEX code for Orchid is #DA70D6. Paste it into CSS as color: #DA70D6; or background-color: #DA70D6;. Design tools accept the same six-digit value without the # prefix (da70d6).
Orchid RGB
Orchid in RGB is rgb(218, 112, 214) (channels R 218, G 112, B 214). Use RGB when you need opacity via rgba(218, 112, 214, 1).
Orchid HSL & HSV
HSL is hsl(302, 59%, 65%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(302, 49%, 85%), closer to how many digital pickers expose hue, saturation, and brightness.
Orchid CMYK
Approximate CMYK for Orchid is cmyk(0%, 49%, 2%, 15%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Orchid
Darker shades (mixed toward black): #B65DB2, #914B8F, #6D386B, #492547, #241324. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Orchid
Lighter tints (mixed toward white): #E088DD, #E6A0E4, #EDB8EB, #F3CFF1, #F9E7F8. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Orchid
Complementary pairing: #DA70D6, #70DA74. Analogous neighbors: #A970DA, #DA70D6, #DA70A1. Triadic accents: #DA70D6, #D6DA70, #70D6DA. Always check text contrast when pairing.
Orchid color combinations
A practical combo: primary #DA70D6, complementary accent #70DA74, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #DA70D6, #A1DA70, #70DAA9.
Orchid in web design
Pink ranges from soft blush UI to bold fashion accents. Pastel pinks suit lifestyle brands; hot pinks need dark backgrounds for readability.
Orchid in branding
Pink brands skew beauty, fashion, and social. Deep rose can feel premium; pastel pink feels gentle. Contrast vs white is 2.89:1 (better as a large accent or background than small body text); vs black 7.27:1.
Frequently asked questions
- What is the HEX code for Orchid?
- Orchid: #DA70D6.
- What is Orchid RGB?
- Orchid: rgb(218, 112, 214).
- What is Orchid HSL?
- Orchid: hsl(302, 59%, 65%).
- What is Orchid CMYK?
- Orchid: cmyk(0%, 49%, 2%, 15%).
- What colors go with Orchid?
- Try complementary #DA70D6, #70DA74 or analogous #A970DA, #DA70D6, #DA70A1.
- Is Orchid good for text on white?
- Not ideal for small body text (2.89:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 2.89:1 (prefer large accent or background). Contrast vs black: 7.27:1. Complementary swatch: #DA70D6, #70DA74.
Explore related
Pink colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK