Benannte Farbe · #606553
Amazon Foliage
Amazon Foliage ist #606553: rgb(96 101 83), hsl(77 10% 36%), oklch(0.497 0.028 120.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Amazon Foliage color name →
#606553
oklch(0.497 0.028 120.1)
Farbumrechnungen
- HEX
- #606553
- RGB
- rgb(96 101 83)
- HSL
- hsl(77 10% 36%)
- HWB
- hwb(77 33% 60%)
- OKLCH
- oklch(0.497 0.028 120.1)
- OKLab
- oklab(0.497 -0.014 0.025)
- CIE Lab
- lab(41.93 -4.67 9.55)
- LCH
- lch(41.93 10.63 116)
- CMYK
- cmyk(5% 0% 18% 60%)
Tints · Shades · Tones
Tints
- 6F7363
- 7D8273
- 8D9083
- 9CA094
- ACAFA5
- BCBEB6
- CCCEC8
- DDDEDA
- EEEFEC
Shades
- 525747
- 45493B
- 383C30
- 2C2F25
- 20221B
- 151711
- 0A0C08
- 030302
- 000000
Tones
- 636857
- 666A5C
- 696D60
- 6D7065
- 707269
- 73756E
- 767872
- 797B77
- 7D7D7B
Farbharmonien
Komplementär +180°
- 606553
Amazon Foliage
- 655F71
≈ Sedona Shadow
Analog -30° +30°
- 606553
Amazon Foliage
- 696250
≈ Ivy Topiary
- 57675A
≈ Jungle Camouflage
Triadisch +120° +240°
- 606553
Amazon Foliage
- 546571
≈ Needlepoint Navy
- 715C62
≈ Poetry Plum
Geteilt komplementär +150° +210°
- 606553
Amazon Foliage
- 5C6273
≈ Pencil Lead
- 6C5D6A
≈ Fiji Coral
Tetradisch +90° +180° +270°
- 606553
Amazon Foliage
- 50676B
≈ Iron Creek
- 655F71
≈ Sedona Shadow
- 725D59
≈ Tree Bark
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.02:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.48:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--amazon-foliage: #606553;
--amazon-foliage-rgb: 96 101 83;
--amazon-foliage-oklch: oklch(0.497 0.028 120.1);
}
.element {
color: var(--amazon-foliage);
background-color: hsl(77 10% 36%);
border-color: oklch(0.497 0.028 120.1);
}Tailwind CSS v4
@theme {
--color-amazon-foliage: #606553;
--color-amazon-foliage-50: #f4f7ee;
--color-amazon-foliage-100: #e6e9df;
--color-amazon-foliage-200: #d2d6c9;
--color-amazon-foliage-300: #b5baaa;
--color-amazon-foliage-400: #9ca18f;
--color-amazon-foliage-500: #838974;
--color-amazon-foliage-600: #6f7463;
--color-amazon-foliage-700: #595d4f;
--color-amazon-foliage-800: #414439;
--color-amazon-foliage-900: #2d2f27;
--color-amazon-foliage-950: #1a1b15;
}SCSS
$amazon-foliage: #606553;
$amazon-foliage-rgb: 96, 101, 83;
$amazon-foliage-light: mix(#fff, $amazon-foliage, 20%);
$amazon-foliage-dark: mix(#000, $amazon-foliage, 20%);
.element {
color: $amazon-foliage;
box-shadow: 0 0 0 2px rgba($amazon-foliage, 0.35);
}