Color con nombre · #876281
Orchid Orchestra
Orchid Orchestra es #876281: rgb(135 98 129), hsl(310 16% 46%), oklch(0.545 0.065 332.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Orchid Orchestra color name →
#876281
oklch(0.545 0.065 332.2)
Conversiones de color
- HEX
- #876281
- RGB
- rgb(135 98 129)
- HSL
- hsl(310 16% 46%)
- HWB
- hwb(310 38% 47%)
- OKLCH
- oklch(0.545 0.065 332.2)
- OKLab
- oklab(0.545 0.058 -0.03)
- CIE Lab
- lab(46.28 19.45 -11.2)
- LCH
- lch(46.28 22.45 330.1)
- CMYK
- cmyk(0% 27% 4% 47%)
Tintes · Sombras · Tonos
Tintes
- 93718D
- 9E8099
- AA8FA5
- B69EB2
- C2AEBE
- CEBECB
- DACED8
- E6DEE5
- F3EEF2
Sombras
- 75546F
- 63475E
- 513A4E
- 412D3E
- 31212E
- 21161F
- 130B12
- 060306
- 010001
Tonos
- 876581
- 866881
- 856B81
- 856E81
- 847181
- 837481
- 837780
- 827A80
- 817D80
Armonías de color
Complementario +180°
- 876281
Orchid Orchestra
- 527B5D
≈ Green Mantle
Análogo -30° +30°
- 876281
Orchid Orchestra
- 776790
≈ Purple Grapes
- 90606D
≈ Raspberry Glace
Triádico +120° +240°
- 876281
Orchid Orchestra
- 7E6F42
≈ Olive Shade
- 3E7A86
≈ Mysterious Blue
Complementario dividido +150° +210°
- 876281
Orchid Orchestra
- 69764B
≈ Dill Pickle
- 407D73
≈ Turquoise Tortoise
Tetrádico +90° +180° +270°
- 876281
Orchid Orchestra
- 8C6848
≈ Wild Horses
- 527B5D
≈ Green Mantle
- 4D7593
≈ Beach View
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.12:1 · APCA Lc 75
Ag
FailSobre negro
WCAG 4.09:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.12:1 (AA) · APCA Lc 75
Contrast pairs
Fragmentos de código
CSS
:root {
--orchid-orchestra: #876281;
--orchid-orchestra-rgb: 135 98 129;
--orchid-orchestra-oklch: oklch(0.545 0.065 332.2);
}
.element {
color: var(--orchid-orchestra);
background-color: hsl(310 16% 46%);
border-color: oklch(0.545 0.065 332.2);
}Tailwind CSS v4
@theme {
--color-orchid-orchestra: #876281;
--color-orchid-orchestra-50: #ffeffd;
--color-orchid-orchestra-100: #f6e0f1;
--color-orchid-orchestra-200: #e7cae0;
--color-orchid-orchestra-300: #cdabc5;
--color-orchid-orchestra-400: #b691b0;
--color-orchid-orchestra-500: #a07699;
--color-orchid-orchestra-600: #886482;
--color-orchid-orchestra-700: #6d5068;
--color-orchid-orchestra-800: #503a4d;
--color-orchid-orchestra-900: #372836;
--color-orchid-orchestra-950: #221621;
}SCSS
$orchid-orchestra: #876281;
$orchid-orchestra-rgb: 135, 98, 129;
$orchid-orchestra-light: mix(#fff, $orchid-orchestra, 20%);
$orchid-orchestra-dark: mix(#000, $orchid-orchestra, 20%);
.element {
color: $orchid-orchestra;
box-shadow: 0 0 0 2px rgba($orchid-orchestra, 0.35);
}