Nächste benannte Farbe · #856F88
#856F88
Nächste benannte Farbe: Vintage
#856F88 (rgb(133 111 136), hsl(293 10% 48%), oklch(0.571 0.046 322.3)) liegt am nächsten an der benannten Farbe Vintage. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#856F88
oklch(0.571 0.046 322.3)
Farbumrechnungen
- HEX
- #856f88
- RGB
- rgb(133 111 136)
- HSL
- hsl(293 10% 48%)
- HWB
- hwb(293 44% 47%)
- OKLCH
- oklch(0.571 0.046 322.3)
- OKLab
- oklab(0.571 0.036 -0.028)
- CIE Lab
- lab(49.63 12.47 -10.4)
- LCH
- lch(49.63 16.24 320.2)
- CMYK
- cmyk(2% 18% 0% 47%)
Tints · Shades · Tones
Tints
- 917C93
- 9C8A9F
- A898AA
- B4A6B6
- C0B5C2
- CDC3CE
- D9D2DA
- E6E1E6
- F2F0F3
Shades
- 736075
- 615163
- 504252
- 403441
- 302731
- 211A22
- 130E13
- 060406
- 010101
Tones
- 857187
- 847286
- 847486
- 837685
- 837884
- 827983
- 827B83
- 817D82
- 817E81
Farbharmonien
Komplementär +180°
- 856F88
Vintage
- 697F66
≈ Emerald City
Analog -30° +30°
- 856F88
Vintage
- 787391
≈ Capercaillie Mauve
- 8E6D7A
≈ Blunt Violet
Triadisch +120° +240°
- 856F88
Vintage
- 857659
≈ Gothic Olive
- 578083
≈ Sultry Bay
Geteilt komplementär +150° +210°
- 856F88
Vintage
- 787B5C
≈ Loden Green
- 5C8175
≈ Cutty Sark
Tetradisch +90° +180° +270°
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 {
--vintage: #856f88;
--vintage-rgb: 133 111 136;
--vintage-oklch: oklch(0.571 0.046 322.3);
}
.element {
color: var(--vintage);
background-color: hsl(293 10% 48%);
border-color: oklch(0.571 0.046 322.3);
}Tailwind CSS v4
@theme {
--color-vintage: #856f88;
--color-vintage-50: #fcf1fd;
--color-vintage-100: #f0e3f1;
--color-vintage-200: #dfcedf;
--color-vintage-300: #c4b0c5;
--color-vintage-400: #ac96af;
--color-vintage-500: #957c98;
--color-vintage-600: #7e6981;
--color-vintage-700: #655467;
--color-vintage-800: #4a3d4c;
--color-vintage-900: #332a35;
--color-vintage-950: #1f1820;
}SCSS
$vintage: #856f88;
$vintage-rgb: 133, 111, 136;
$vintage-light: mix(#fff, $vintage, 20%);
$vintage-dark: mix(#000, $vintage, 20%);
.element {
color: $vintage;
box-shadow: 0 0 0 2px rgba($vintage, 0.35);
}