Benannte Farbe · #958B80
Vintage Khaki
Vintage Khaki ist #958B80: rgb(149 139 128), hsl(31 9% 54%), oklch(0.642 0.02 70.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Vintage Khaki color name →
#958B80
oklch(0.642 0.02 70.1)
Farbumrechnungen
- HEX
- #958b80
- RGB
- rgb(149 139 128)
- HSL
- hsl(31 9% 54%)
- HWB
- hwb(31 50% 42%)
- OKLCH
- oklch(0.642 0.02 70.1)
- OKLab
- oklab(0.642 0.007 0.019)
- CIE Lab
- lab(58.51 2.41 7.32)
- LCH
- lch(58.51 7.71 71.8)
- CMYK
- cmyk(0% 7% 14% 42%)
Tints · Shades · Tones
Tints
- 9F968C
- A9A198
- B4ACA4
- BEB8B1
- C9C3BE
- D3CFCA
- DEDBD7
- E9E7E4
- F4F3F2
Shades
- 81786E
- 6D665D
- 5A544D
- 48433D
- 37322E
- 26231F
- 161412
- 080706
- 010101
Tones
- 938A80
- 918980
- 8F8880
- 8D8780
- 8A8680
- 888480
- 868380
- 848280
- 828180
Farbharmonien
Komplementär +180°
- 958B80
Vintage Khaki
- 848E99
≈ Applause Please
Analog -30° +30°
- 958B80
Vintage Khaki
- 988984
≈ Warm Grey
- 8F8D80
≈ Old Soul
Triadisch +120° +240°
- 958B80
Vintage Khaki
- 80918F
≈ Scarborough
- 918A96
≈ Smokey Lilac
Geteilt komplementär +150° +210°
- 958B80
Vintage Khaki
- 809095
≈ Dark Storm Cloud
- 8A8C99
≈ Flannel Pyjamas
Tetradisch +90° +180° +270°
- 958B80
Vintage Khaki
- 839189
≈ Ballroom Slippers
- 848E99
≈ Applause Please
- 968891
≈ Cinema Screen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.34:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.28:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--vintage-khaki: #958b80;
--vintage-khaki-rgb: 149 139 128;
--vintage-khaki-oklch: oklch(0.642 0.02 70.1);
}
.element {
color: var(--vintage-khaki);
background-color: hsl(31 9% 54%);
border-color: oklch(0.642 0.02 70.1);
}Tailwind CSS v4
@theme {
--color-vintage-khaki: #958b80;
--color-vintage-khaki-50: #f9f4ef;
--color-vintage-khaki-100: #ece7e1;
--color-vintage-khaki-200: #dad3cb;
--color-vintage-khaki-300: #beb6ac;
--color-vintage-khaki-400: #a69d92;
--color-vintage-khaki-500: #8f8478;
--color-vintage-khaki-600: #797066;
--color-vintage-khaki-700: #615951;
--color-vintage-khaki-800: #47413b;
--color-vintage-khaki-900: #312d29;
--color-vintage-khaki-950: #1d1a16;
}SCSS
$vintage-khaki: #958b80;
$vintage-khaki-rgb: 149, 139, 128;
$vintage-khaki-light: mix(#fff, $vintage-khaki, 20%);
$vintage-khaki-dark: mix(#000, $vintage-khaki, 20%);
.element {
color: $vintage-khaki;
box-shadow: 0 0 0 2px rgba($vintage-khaki, 0.35);
}