Benannte Farbe · #6C6956
Aged Jade
Aged Jade ist #6C6956: rgb(108 105 86), hsl(52 11% 38%), oklch(0.518 0.029 99.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Aged Jade color name →
#6C6956
oklch(0.518 0.029 99.9)
Farbumrechnungen
- HEX
- #6c6956
- RGB
- rgb(108 105 86)
- HSL
- hsl(52 11% 38%)
- HWB
- hwb(52 34% 58%)
- OKLCH
- oklch(0.518 0.029 99.9)
- OKLab
- oklab(0.518 -0.005 0.029)
- CIE Lab
- lab(44.27 -1.39 11.18)
- LCH
- lch(44.27 11.27 97.1)
- CMYK
- cmyk(0% 3% 20% 58%)
Tints · Shades · Tones
Tints
- 7A7765
- 878575
- 969386
- A4A296
- B3B1A7
- C1C0B8
- D1D0C9
- E0DFDB
- EFEFED
Shades
- 5D5A4A
- 4E4C3E
- 403E32
- 323127
- 25241C
- 191812
- 0D0C08
- 040402
- 000000
Tones
- 6E6B5A
- 706E5E
- 727063
- 747267
- 76746B
- 78776F
- 7A7973
- 7C7B78
- 7E7E7C
Farbharmonien
Komplementär +180°
- 6C6956
Aged Jade
- 656779
≈ Violet Evening
Analog -30° +30°
- 6C6956
Aged Jade
- 736657
≈ Landmark Brown
- 636C5A
≈ Wimbledon
Triadisch +120° +240°
- 6C6956
Aged Jade
- 566D74
≈ Moody Blues
- 74626E
≈ Chimaera
Geteilt komplementär +150° +210°
- 6C6956
Aged Jade
- 5C6A79
≈ Spinning Blue
- 6D6475
≈ Iris Petal
Tetradisch +90° +180° +270°
- 6C6956
Aged Jade
- 566E6C
≈ Micropolis
- 656779
≈ Violet Evening
- 786264
≈ Pretty Puce
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.53:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.79:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.53:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--aged-jade: #6c6956;
--aged-jade-rgb: 108 105 86;
--aged-jade-oklch: oklch(0.518 0.029 99.9);
}
.element {
color: var(--aged-jade);
background-color: hsl(52 11% 38%);
border-color: oklch(0.518 0.029 99.9);
}Tailwind CSS v4
@theme {
--color-aged-jade: #6c6956;
--color-aged-jade-50: #f7f6ec;
--color-aged-jade-100: #e9e8de;
--color-aged-jade-200: #d6d5c7;
--color-aged-jade-300: #bab8a8;
--color-aged-jade-400: #a29f8c;
--color-aged-jade-500: #8a8771;
--color-aged-jade-600: #757260;
--color-aged-jade-700: #5e5b4d;
--color-aged-jade-800: #454337;
--color-aged-jade-900: #302e26;
--color-aged-jade-950: #1c1b14;
}SCSS
$aged-jade: #6c6956;
$aged-jade-rgb: 108, 105, 86;
$aged-jade-light: mix(#fff, $aged-jade, 20%);
$aged-jade-dark: mix(#000, $aged-jade, 20%);
.element {
color: $aged-jade;
box-shadow: 0 0 0 2px rgba($aged-jade, 0.35);
}