Benannte Farbe · #595E4C
Almond Green
Almond Green ist #595E4C: rgb(89 94 76), hsl(77 11% 33%), oklch(0.472 0.029 120.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Almond Green color name →
#595E4C
oklch(0.472 0.029 120.1)
Farbumrechnungen
- HEX
- #595e4c
- RGB
- rgb(89 94 76)
- HSL
- hsl(77 11% 33%)
- HWB
- hwb(77 30% 63%)
- OKLCH
- oklch(0.472 0.029 120.1)
- OKLab
- oklab(0.472 -0.014 0.025)
- CIE Lab
- lab(39.04 -4.72 9.67)
- LCH
- lch(39.04 10.76 116)
- CMYK
- cmyk(5% 0% 19% 63%)
Tints · Shades · Tones
Tints
- 686D5C
- 787C6D
- 878B7E
- 989B8F
- A8ABA1
- B9BBB3
- CACCC6
- DBDDD9
- EDEEEC
Shades
- 4C5141
- 404436
- 34372C
- 282B22
- 1D1F18
- 13140F
- 090A06
- 030302
- 000000
Tones
- 5D6151
- 616556
- 64685B
- 686B60
- 6C6F66
- 70726B
- 747670
- 787975
- 7C7D7B
Farbharmonien
Komplementär +180°
- 595E4C
Almond Green
- 5E5869
≈ Gobelin Mauve
Analog -30° +30°
- 595E4C
Almond Green
- 625B49
≈ Suitable Brown
- 506053
≈ Siberian Green
Triadisch +120° +240°
- 595E4C
Almond Green
- 4D5E6A
≈ Ragtime Blues
- 6A555B
≈ Mocha Brown
Geteilt komplementär +150° +210°
- 595E4C
Almond Green
- 555B6C
≈ Suede Indigo
- 655663
≈ Grand Grape
Tetradisch +90° +180° +270°
- 595E4C
Almond Green
- 496064
≈ Midnight Teal
- 5E5869
≈ Gobelin Mauve
- 6B5652
≈ Bourbon Truffle
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.70:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.13:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--almond-green: #595e4c;
--almond-green-rgb: 89 94 76;
--almond-green-oklch: oklch(0.472 0.029 120.1);
}
.element {
color: var(--almond-green);
background-color: hsl(77 11% 33%);
border-color: oklch(0.472 0.029 120.1);
}Tailwind CSS v4
@theme {
--color-almond-green: #595e4c;
--color-almond-green-50: #f3f7ee;
--color-almond-green-100: #e6eadf;
--color-almond-green-200: #d2d6c9;
--color-almond-green-300: #b5baaa;
--color-almond-green-400: #9ca18f;
--color-almond-green-500: #838974;
--color-almond-green-600: #6f7462;
--color-almond-green-700: #595d4f;
--color-almond-green-800: #414439;
--color-almond-green-900: #2d2f27;
--color-almond-green-950: #1a1b15;
}SCSS
$almond-green: #595e4c;
$almond-green-rgb: 89, 94, 76;
$almond-green-light: mix(#fff, $almond-green, 20%);
$almond-green-dark: mix(#000, $almond-green, 20%);
.element {
color: $almond-green;
box-shadow: 0 0 0 2px rgba($almond-green, 0.35);
}