Dichtstbijzijnde benoemde kleur · #7F718D
#7F718D
Dichtstbijzijnde benoemde kleur: Vintage
#7F718D (rgb(127 113 141), hsl(270 11% 50%), oklch(0.571 0.045 307.6)) komt het dichtst bij de benoemde kleur Vintage. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7F718D
oklch(0.571 0.045 307.6)
Kleurconversies
- HEX
- #7f718d
- RGB
- rgb(127 113 141)
- HSL
- hsl(270 11% 50%)
- HWB
- hwb(270 44% 45%)
- OKLCH
- oklch(0.571 0.045 307.6)
- OKLab
- oklab(0.571 0.028 -0.036)
- CIE Lab
- lab(49.71 9.89 -13.29)
- LCH
- lch(49.71 16.57 306.6)
- CMYK
- cmyk(10% 20% 0% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 8B7E98
- 978CA3
- A49AAE
- B0A7B9
- BDB6C5
- CAC4D0
- D7D2DC
- E4E1E7
- F2F0F3
Schaduwen
- 6E617A
- 5D5267
- 4C4355
- 3C3544
- 2D2733
- 1F1A23
- 110E14
- 060407
- 010101
Tonen
- 7F738C
- 7F748B
- 7F7689
- 7F7788
- 807987
- 807A85
- 807C84
- 807D83
- 807F81
Kleurharmonieën
Complementair +180°
- 7F718D
Vintage
- 707D60
≈ Limed Ash
Analoog -30° +30°
- 7F718D
Vintage
- 717693
≈ Royal Fortune
- 8A6E81
≈ Raw Garnet Viola
Triadisch +120° +240°
- 7F718D
Vintage
- 8A735B
≈ Cocoa Delight
- 58817C
≈ Hanging Moss
Gesplitst complementair +150° +210°
- 7F718D
Vintage
- 7F785A
≈ Private Affair
- 62806D
≈ Jadite
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.51:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.64:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--vintage: #7f718d;
--vintage-rgb: 127 113 141;
--vintage-oklch: oklch(0.571 0.045 307.6);
}
.element {
color: var(--vintage);
background-color: hsl(270 11% 50%);
border-color: oklch(0.571 0.045 307.6);
}Tailwind CSS v4
@theme {
--color-vintage: #7f718d;
--color-vintage-50: #f9f2ff;
--color-vintage-100: #ece4f4;
--color-vintage-200: #dacfe3;
--color-vintage-300: #beb1c9;
--color-vintage-400: #a698b4;
--color-vintage-500: #8e7f9e;
--color-vintage-600: #786b86;
--color-vintage-700: #60566b;
--color-vintage-800: #463f4f;
--color-vintage-900: #302b37;
--color-vintage-950: #1d1822;
}SCSS
$vintage: #7f718d;
$vintage-rgb: 127, 113, 141;
$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);
}