Benoemde kleur · #68546A
Vintner
Vintner is #68546A: rgb(104 84 106), hsl(295 12% 37%), oklch(0.474 0.043 323.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Vintner color name →
#68546A
oklch(0.474 0.043 323.3)
Kleurconversies
- HEX
- #68546a
- RGB
- rgb(104 84 106)
- HSL
- hsl(295 12% 37%)
- HWB
- hwb(295 33% 58%)
- OKLCH
- oklch(0.474 0.043 323.3)
- OKLab
- oklab(0.474 0.034 -0.026)
- CIE Lab
- lab(38.39 11.76 -9.45)
- LCH
- lch(38.39 15.09 321.2)
- CMYK
- cmyk(2% 21% 0% 58%)
Tinten · Schaduwen · Tonen
Tinten
- 766478
- 847486
- 938494
- A295A3
- B1A6B2
- C0B7C1
- CFC9D0
- DFDAE0
- EFEDEF
Schaduwen
- 59485B
- 4B3C4D
- 3E313F
- 302631
- 241B24
- 181118
- 0C080D
- 040204
- 000000
Tonen
- 6A586C
- 6D5D6E
- 6F6171
- 726573
- 746A75
- 776E77
- 797379
- 7B777C
- 7E7C7E
Kleurharmonieën
Complementair +180°
- 68546A
Vintner
- 4E624C
≈ Nature Surrounds
Analoog -30° +30°
- 68546A
Vintner
- 5D5872
≈ Orchid Grey
- 70525E
≈ Ruby Grey
Triadisch +120° +240°
- 68546A
Vintner
- 685A40
≈ Cold Pressed
- 3E6367
≈ China Green Blue
Gesplitst complementair +150° +210°
- 68546A
Vintner
- 5C5F43
≈ Tank
- 42645A
≈ Forest Greenery
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.85:1 · APCA Lc 84
Ag
FailOp zwart
WCAG 3.06:1 · APCA Lc 18
Beste tekstkleur: #FFFFFF
WCAG 6.85:1 (AA) · APCA Lc 84
Contrast pairs
Codefragmenten
CSS
:root {
--vintner: #68546a;
--vintner-rgb: 104 84 106;
--vintner-oklch: oklch(0.474 0.043 323.3);
}
.element {
color: var(--vintner);
background-color: hsl(295 12% 37%);
border-color: oklch(0.474 0.043 323.3);
}Tailwind CSS v4
@theme {
--color-vintner: #68546a;
--color-vintner-50: #fcf1fc;
--color-vintner-100: #f0e3f0;
--color-vintner-200: #decede;
--color-vintner-300: #c3b0c4;
--color-vintner-400: #ab96ad;
--color-vintner-500: #947d97;
--color-vintner-600: #7e6a7f;
--color-vintner-700: #655566;
--color-vintner-800: #493e4b;
--color-vintner-900: #332a34;
--color-vintner-950: #1f1820;
}SCSS
$vintner: #68546a;
$vintner-rgb: 104, 84, 106;
$vintner-light: mix(#fff, $vintner, 20%);
$vintner-dark: mix(#000, $vintner, 20%);
.element {
color: $vintner;
box-shadow: 0 0 0 2px rgba($vintner, 0.35);
}