Benannte Farbe · #505338
Amazon Depths
Amazon Depths ist #505338: rgb(80 83 56), hsl(67 19% 27%), oklch(0.432 0.042 113.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Amazon Depths color name →
#505338
oklch(0.432 0.042 113.3)
Farbumrechnungen
- HEX
- #505338
- RGB
- rgb(80 83 56)
- HSL
- hsl(67 19% 27%)
- HWB
- hwb(67 22% 67%)
- OKLCH
- oklch(0.432 0.042 113.3)
- OKLab
- oklab(0.432 -0.017 0.039)
- CIE Lab
- lab(34.45 -5.02 15.45)
- LCH
- lch(34.45 16.24 108)
- CMYK
- cmyk(4% 0% 33% 67%)
Tints · Shades · Tones
Tints
- 60634A
- 70735C
- 80836F
- 929482
- A3A596
- B5B6AA
- C7C8BF
- D9DAD4
- ECECE9
Shades
- 44472F
- 393B27
- 2E301F
- 242517
- 1A1B0F
- 101108
- 070804
- 020201
- 000000
Tones
- 55573F
- 595C46
- 5E604D
- 636554
- 67695C
- 6C6E63
- 71726A
- 767771
- 7B7B79
Farbharmonien
Komplementär +180°
- 505338
Amazon Depths
- 514C66
≈ Pango Black
Analog -30° +30°
- 505338
Amazon Depths
- 5B4E35
≈ Oak Plank
- 435641
≈ Castellan Green
Triadisch +120° +240°
- 505338
Amazon Depths
- 395464
≈ Dark Secret
- 634752
≈ Gǔ Tóng Hēi Copper
Geteilt komplementär +150° +210°
- 505338
Amazon Depths
- 445068
≈ Navy Damask
- 5C495E
≈ Plush Purple
Tetradisch +90° +180° +270°
- 505338
Amazon Depths
- 33575B
≈ Depth Charge
- 514C66
≈ Pango Black
- 664745
≈ Outer Boundary
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.96:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.63:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--amazon-depths: #505338;
--amazon-depths-rgb: 80 83 56;
--amazon-depths-oklch: oklch(0.432 0.042 113.3);
}
.element {
color: var(--amazon-depths);
background-color: hsl(67 19% 27%);
border-color: oklch(0.432 0.042 113.3);
}Tailwind CSS v4
@theme {
--color-amazon-depths: #505338;
--color-amazon-depths-50: #f4f7e9;
--color-amazon-depths-100: #e7eada;
--color-amazon-depths-200: #d3d7c3;
--color-amazon-depths-300: #b6baa2;
--color-amazon-depths-400: #9ea285;
--color-amazon-depths-500: #868a6a;
--color-amazon-depths-600: #71745a;
--color-amazon-depths-700: #5a5d47;
--color-amazon-depths-800: #434433;
--color-amazon-depths-900: #2e2f23;
--color-amazon-depths-950: #1b1b12;
}SCSS
$amazon-depths: #505338;
$amazon-depths-rgb: 80, 83, 56;
$amazon-depths-light: mix(#fff, $amazon-depths, 20%);
$amazon-depths-dark: mix(#000, $amazon-depths, 20%);
.element {
color: $amazon-depths;
box-shadow: 0 0 0 2px rgba($amazon-depths, 0.35);
}