Nächste benannte Farbe · #886E87
#886E87
Nächste benannte Farbe: Sunshone Plum
#886E87 (rgb(136 110 135), hsl(302 11% 48%), oklch(0.572 0.049 327.4)) liegt am nächsten an der benannten Farbe Sunshone Plum. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#886E87
oklch(0.572 0.049 327.4)
Farbumrechnungen
- HEX
- #886e87
- RGB
- rgb(136 110 135)
- HSL
- hsl(302 11% 48%)
- HWB
- hwb(302 43% 47%)
- OKLCH
- oklch(0.572 0.049 327.4)
- OKLab
- oklab(0.572 0.041 -0.026)
- CIE Lab
- lab(49.65 14.03 -9.74)
- LCH
- lch(49.65 17.08 325.2)
- CMYK
- cmyk(0% 19% 1% 47%)
Tints · Shades · Tones
Tints
- 937C92
- 9F899E
- AB97AA
- B6A6B5
- C2B4C1
- CEC3CE
- DAD1DA
- E6E0E6
- F3F0F2
Shades
- 755F75
- 635063
- 524151
- 413341
- 312631
- 221921
- 130E13
- 060406
- 010101
Tones
- 877086
- 877286
- 867485
- 857584
- 847784
- 837983
- 837B82
- 827C81
- 817E81
Farbharmonien
Komplementär +180°
- 886E87
Sunshone Plum
- 658067
≈ Jadite
Analog -30° +30°
- 886E87
Sunshone Plum
- 7B7292
≈ Parisian Violet
- 906C78
≈ Full Glass
Triadisch +120° +240°
- 886E87
Sunshone Plum
- 847757
≈ Gothic Olive
- 558087
≈ La Pineta
Geteilt komplementär +150° +210°
- 886E87
Sunshone Plum
- 757C5B
≈ Variegated Frond
- 588277
≈ Cutty Sark
Tetradisch +90° +180° +270°
- 886E87
Sunshone Plum
- 8F715C
≈ Nuthatch
- 658067
≈ Jadite
- 5D7D92
≈ Provincial Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.53:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.62:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--sunshone-plum: #886e87;
--sunshone-plum-rgb: 136 110 135;
--sunshone-plum-oklch: oklch(0.572 0.049 327.4);
}
.element {
color: var(--sunshone-plum);
background-color: hsl(302 11% 48%);
border-color: oklch(0.572 0.049 327.4);
}Tailwind CSS v4
@theme {
--color-sunshone-plum: #886e87;
--color-sunshone-plum-50: #fef0fc;
--color-sunshone-plum-100: #f2e2f0;
--color-sunshone-plum-200: #e1cddf;
--color-sunshone-plum-300: #c6afc4;
--color-sunshone-plum-400: #af95ae;
--color-sunshone-plum-500: #987b97;
--color-sunshone-plum-600: #816880;
--color-sunshone-plum-700: #675366;
--color-sunshone-plum-800: #4b3d4c;
--color-sunshone-plum-900: #342a35;
--color-sunshone-plum-950: #201720;
}SCSS
$sunshone-plum: #886e87;
$sunshone-plum-rgb: 136, 110, 135;
$sunshone-plum-light: mix(#fff, $sunshone-plum, 20%);
$sunshone-plum-dark: mix(#000, $sunshone-plum, 20%);
.element {
color: $sunshone-plum;
box-shadow: 0 0 0 2px rgba($sunshone-plum, 0.35);
}