Benannte Farbe · #876281
Orchid Orchestra
Orchid Orchestra ist #876281: rgb(135 98 129), hsl(310 16% 46%), oklch(0.545 0.065 332.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Orchid Orchestra color name →
#876281
oklch(0.545 0.065 332.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 93718D
- 9E8099
- AA8FA5
- B69EB2
- C2AEBE
- CEBECB
- DACED8
- E6DEE5
- F3EEF2
Shades
- 75546F
- 63475E
- 513A4E
- 412D3E
- 31212E
- 21161F
- 130B12
- 060306
- 010001
Tones
- 876581
- 866881
- 856B81
- 856E81
- 847181
- 837481
- 837780
- 827A80
- 817D80
Farbharmonien
Komplementär +180°
- 876281
Orchid Orchestra
- 527B5D
≈ Green Mantle
Analog -30° +30°
- 876281
Orchid Orchestra
- 776790
≈ Purple Grapes
- 90606D
≈ Raspberry Glace
Triadisch +120° +240°
- 876281
Orchid Orchestra
- 7E6F42
≈ Olive Shade
- 3E7A86
≈ Mysterious Blue
Geteilt komplementär +150° +210°
- 876281
Orchid Orchestra
- 69764B
≈ Dill Pickle
- 407D73
≈ Turquoise Tortoise
Tetradisch +90° +180° +270°
- 876281
Orchid Orchestra
- 8C6848
≈ Wild Horses
- 527B5D
≈ Green Mantle
- 4D7593
≈ Beach View
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.12:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.09:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.12:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
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);
}