Benannte Farbe · #7D665B
Almond Truffle
Almond Truffle ist #7D665B: rgb(125 102 91), hsl(19 16% 42%), oklch(0.53 0.034 47). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Almond Truffle color name →
#7D665B
oklch(0.53 0.034 47)
Farbumrechnungen
- HEX
- #7d665b
- RGB
- rgb(125 102 91)
- HSL
- hsl(19 16% 42%)
- HWB
- hwb(19 36% 51%)
- OKLCH
- oklch(0.53 0.034 47)
- OKLab
- oklab(0.53 0.023 0.025)
- CIE Lab
- lab(45.25 8.18 9.88)
- LCH
- lch(45.25 12.83 50.4)
- CMYK
- cmyk(0% 18% 27% 51%)
Tints · Shades · Tones
Tints
- 89746A
- 968379
- A39189
- AFA099
- BCB0AA
- C9BFBA
- D7CFCB
- E4DFDC
- F1EFED
Shades
- 6C584E
- 5B4A41
- 4B3C35
- 3B2F29
- 2C231E
- 1E1713
- 110C09
- 050403
- 010000
Tones
- 7D695F
- 7E6B62
- 7E6E66
- 7F706A
- 7F736D
- 7F7671
- 7F7875
- 807B79
- 807D7C
Farbharmonien
Komplementär +180°
- 7D665B
Almond Truffle
- 57707B
≈ Lily Pond Blue
Analog -30° +30°
- 7D665B
Almond Truffle
- 7E6465
≈ Amazing Amethyst
- 776956
≈ Superior Bronze
Triadisch +120° +240°
- 7D665B
Almond Truffle
- 597267
≈ Hilltop
- 6A697F
≈ Unexplained
Geteilt komplementär +150° +210°
- 7D665B
Almond Truffle
- 557272
≈ Juniper Berries
- 5F6D80
≈ Glide Time
Tetradisch +90° +180° +270°
- 7D665B
Almond Truffle
- 63715D
≈ Bracken Green
- 57707B
≈ Lily Pond Blue
- 746679
≈ Decadence
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.35:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.92:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.35:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--almond-truffle: #7d665b;
--almond-truffle-rgb: 125 102 91;
--almond-truffle-oklch: oklch(0.53 0.034 47);
}
.element {
color: var(--almond-truffle);
background-color: hsl(19 16% 42%);
border-color: oklch(0.53 0.034 47);
}Tailwind CSS v4
@theme {
--color-almond-truffle: #7d665b;
--color-almond-truffle-50: #fef3ed;
--color-almond-truffle-100: #f2e5de;
--color-almond-truffle-200: #e1d0c8;
--color-almond-truffle-300: #c7b3a8;
--color-almond-truffle-400: #b0998e;
--color-almond-truffle-500: #9a8073;
--color-almond-truffle-600: #826c62;
--color-almond-truffle-700: #68564e;
--color-almond-truffle-800: #4d3f39;
--color-almond-truffle-900: #352b27;
--color-almond-truffle-950: #211915;
}SCSS
$almond-truffle: #7d665b;
$almond-truffle-rgb: 125, 102, 91;
$almond-truffle-light: mix(#fff, $almond-truffle, 20%);
$almond-truffle-dark: mix(#000, $almond-truffle, 20%);
.element {
color: $almond-truffle;
box-shadow: 0 0 0 2px rgba($almond-truffle, 0.35);
}