Dichtstbijzijnde benoemde kleur · #876F89
#876F89
Dichtstbijzijnde benoemde kleur: Vintage
#876F89 (rgb(135 111 137), hsl(295 10% 49%), oklch(0.574 0.049 323.7)) komt het dichtst bij de benoemde kleur Vintage. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#876F89
oklch(0.574 0.049 323.7)
Kleurconversies
- HEX
- #876f89
- RGB
- rgb(135 111 137)
- HSL
- hsl(295 10% 49%)
- HWB
- hwb(295 44% 46%)
- OKLCH
- oklch(0.574 0.049 323.7)
- OKLab
- oklab(0.574 0.039 -0.029)
- CIE Lab
- lab(49.86 13.39 -10.61)
- LCH
- lch(49.86 17.09 321.6)
- CMYK
- cmyk(1% 19% 0% 46%)
Tinten · Schaduwen · Tonen
Tinten
- 927C94
- 9E8AA0
- AA98AB
- B6A6B7
- C2B5C3
- CEC3CE
- DAD2DA
- E6E1E6
- F3F0F3
Schaduwen
- 756076
- 635164
- 514253
- 413442
- 312731
- 211A22
- 130E14
- 060407
- 010101
Tonen
- 867188
- 867387
- 857486
- 847686
- 847885
- 837984
- 827B83
- 827D82
- 817E81
Kleurharmonieën
Complementair +180°
- 876F89
Vintage
- 688066
≈ Garden Greenery
Analoog -30° +30°
- 876F89
Vintage
- 797393
≈ Rhythm
- 906D7A
≈ Full Glass
Triadisch +120° +240°
- 876F89
Vintage
- 867658
≈ Gothic Olive
- 558185
≈ Rainier Blue
Gesplitst complementair +150° +210°
- 876F89
Vintage
- 787C5B
≈ Variegated Frond
- 5A8276
≈ Cutty Sark
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.66:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--vintage: #876f89;
--vintage-rgb: 135 111 137;
--vintage-oklch: oklch(0.574 0.049 323.7);
}
.element {
color: var(--vintage);
background-color: hsl(295 10% 49%);
border-color: oklch(0.574 0.049 323.7);
}Tailwind CSS v4
@theme {
--color-vintage: #876f89;
--color-vintage-50: #fdf1fd;
--color-vintage-100: #f1e3f1;
--color-vintage-200: #e0cde0;
--color-vintage-300: #c5afc5;
--color-vintage-400: #ad95af;
--color-vintage-500: #977c99;
--color-vintage-600: #7f6981;
--color-vintage-700: #665467;
--color-vintage-800: #4a3d4d;
--color-vintage-900: #342a35;
--color-vintage-950: #1f1720;
}SCSS
$vintage: #876f89;
$vintage-rgb: 135, 111, 137;
$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);
}