Qual é o código hex da cor orchid?

O código hex de orchid é #DA70D6. A mesma cor se escreve rgb(218, 112, 214), hsl(302, 59%, 65%) ou oklch(70.2% 0.181 328.7), e no CSS também dá para usar direto a palavra-chave orchid.

Dá para usar texto branco sobre orchid?

Texto branco sobre orchid tem contraste de 2,88:1 e não passa no AA nem para texto grande do WCAG 2.2. Texto preto chega a 7,26:1 e passa no AA e no AAA. No APCA, o valor é Lc −60,0 para branco e Lc 49,3 para preto.

Qual é o RGB de orchid?

Orchid é rgb(218, 112, 214): vermelho 218, verde 112 e azul 214 na escala de 0 a 255, ou 85,5%, 43,9% e 83,9%. Em número decimal, 14315734.

Cor nomeada do CSS

Cor Orchid #DA70D6

Orchid (palavra-chave orchid no CSS) tem o código hex #DA70D6 e o valor RGB rgb(218, 112, 214): um magenta vivo e claro.

Orchid#DA70D6

O nome vem da orquídea: um roxo-rosado claro (#da70d6). É a base da família orchid, com mediumorchid e darkorchid como versões mais fortes.

Códigos da cor Orchid

Códigos da cor Orchid
Palavra-chave CSS	orchid
HEX	#DA70D6
RGB	rgb(218, 112, 214)
HSL	hsl(302, 59%, 65%)
HWB	hwb(302 44% 15%)
OKLCH	oklch(70.2% 0.181 328.7)
CMYK (simples, sem perfil ICC)	cmyk(0%, 49%, 2%, 15%)
Decimal	14.315.734
Família de matiz	Roxos e violetas

Contraste e acessibilidade

Sobre orchid, texto preto tem contraste de 7,26:1 e passa no AAA para qualquer tamanho de texto; texto branco fica em 2,88:1.

Razões de contraste do WCAG 2.2 (critérios 1.4.3 e 1.4.6: AA exige 4,5:1 para texto normal e 3:1 para texto grande; AAA exige 7:1 e 4,5:1). APCA Lc é o contraste de luminosidade do modelo APCA-W3 0.0.98G proposto para o WCAG 3; quanto maior o valor absoluto, mais legível, e Lc 75 é o mínimo sugerido para texto corrido.

Contraste e acessibilidade
Combinação	Razão	AA	AA grande	AAA	AAA grande	APCA Lc
Texto preto sobre orchid	7,26:1	Passa	Passa	Passa	Passa	49,3
Texto branco sobre orchid	2,88:1	Falha	Falha	Falha	Falha	−60,0
Texto orchid sobre branco	2,88:1	Falha	Falha	Falha	Falha	54,7
Texto orchid sobre preto	7,26:1	Passa	Passa	Passa	Passa	−47,1

Tons claros e escuros

Cada passo mistura orchid com branco (tons claros) ou preto (tons escuros) em sRGB com correção gama, o mesmo resultado de color-mix(in srgb, orchid, white 25%) no CSS.

Tons claros (misturados com branco)

5%
#dc77d8
15%
#e085dc
25%
#e394e0
35%
#e7a2e4
45%
#ebb0e8
55%
#eebfed
65%
#f2cdf1
75%
#f6dbf5
85%
#f9eaf9
95%
#fdf8fd

Tons escuros (misturados com preto)

5%
#cf6acb
15%
#b95fb6
25%
#a454a1
35%
#8e498b
45%
#783e76
55%
#623260
65%
#4c274b
75%
#371c36
85%
#211120
95%
#0b060b

Harmonias de cor

Girando o matiz em OKLCH e mantendo luminosidade e croma, a complementar de orchid é #30BC5A (perto de mediumseagreen), as análogas são #AF81FF e #F4669D e a tríade se completa com #C89700 e #00B6CD. Para texto por cima, preto dá mais contraste.

Harmonias de cor
Harmonia	Rotação	Cor
Complementar	+180°	#30bc5a
Análogas	−30°, +30°	#af81ff#f4669d
Tríade	+120°, +240°	#c89700#00b6cd
Complementar dividida	+150°, +210°	#95ad00#00bca0

Calculadas em OKLCH: o matiz gira 180° (complementar), ±30° (análogas), ±120° (tríade) e 180° ±30° (complementar dividida), com luminosidade e croma mantidos. Quando o resultado sai do sRGB, ele é trazido de volta com o algoritmo de mapeamento de gama do CSS Color 4. Por usar OKLCH, os valores diferem das ferramentas que giram o matiz em HSL, mas as cores ficam com a mesma luminosidade percebida.

Quente ou fria?

Orchid fica na fronteira: o matiz de 302° no círculo HSL é um magenta, que parece quente ao lado de azuis e frio ao lado de vermelhos e laranjas.

Cores nomeadas e do Tailwind mais próximas

A distância é o ΔE OK, a distância euclidiana no OKLab multiplicada por 100. Valores abaixo de cerca de 2 são difíceis de distinguir lado a lado.

Cores nomeadas do CSS mais próximas

Cores nomeadas do CSS mais próximas
Cor	HEX	ΔE OK
violet	#ee82ee	6,0
hotpink	#ff69b4	8,2
mediumorchid	#ba55d3	8,6

Cores do Tailwind v4 mais próximas

Cores do Tailwind v4 mais próximas
Cor	HEX	ΔE OK
fuchsia-400	#ed6aff	7,2
pink-400	#fb64b6	7,5
purple-400	#c27aff	8,1

Código

CSS

.element {
  color: orchid;
  background-color: #da70d6;
  border-color: rgb(218 112 214);
  outline-color: oklch(70.2% 0.181 328.7);
}

Tailwind CSS

<div class="bg-[#da70d6] text-black">...</div>

/* ou registre uma vez no seu CSS (Tailwind v4) */
@theme {
  --color-orchid: #da70d6;
}
/* depois use bg-orchid, text-orchid, border-orchid */

SwiftUI

import SwiftUI

extension Color {
  static let orchid = Color(red: 0.855, green: 0.439, blue: 0.839)
}

Jetpack Compose

import androidx.compose.ui.graphics.Color

val Orchid = Color(0xFFDA70D6)

Flutter

import 'package:flutter/material.dart';

const orchid = Color(0xFFDA70D6);

Android XML

<!-- res/values/colors.xml -->
<color name="orchid">#DA70D6</color>

Perguntas frequentes

Qual é o código hex da cor orchid?: O código hex de orchid é #DA70D6. A mesma cor se escreve rgb(218, 112, 214), hsl(302, 59%, 65%) ou oklch(70.2% 0.181 328.7), e no CSS também dá para usar direto a palavra-chave orchid.
Orchid é uma cor quente ou fria?: Orchid fica na fronteira: o matiz de 302° no círculo HSL é um magenta, que parece quente ao lado de azuis e frio ao lado de vermelhos e laranjas.
Quais cores combinam com orchid?: Girando o matiz em OKLCH e mantendo luminosidade e croma, a complementar de orchid é #30BC5A (perto de mediumseagreen), as análogas são #AF81FF e #F4669D e a tríade se completa com #C89700 e #00B6CD. Para texto por cima, preto dá mais contraste.
Dá para usar texto branco sobre orchid?: Texto branco sobre orchid tem contraste de 2,88:1 e não passa no AA nem para texto grande do WCAG 2.2. Texto preto chega a 7,26:1 e passa no AA e no AAA. No APCA, o valor é Lc −60,0 para branco e Lc 49,3 para preto.
Qual é o RGB de orchid?: Orchid é rgb(218, 112, 214): vermelho 218, verde 112 e azul 214 na escala de 0 a 255, ou 85,5%, 43,9% e 83,9%. Em número decimal, 14315734.

Revisado em 27 de setembro de 2026 por Arielton Oberek.