Colore con nome · #505338
Amazon Depths
Amazon Depths è #505338: rgb(80 83 56), hsl(67 19% 27%), oklch(0.432 0.042 113.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Amazon Depths color name →
#505338
oklch(0.432 0.042 113.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 60634A
- 70735C
- 80836F
- 929482
- A3A596
- B5B6AA
- C7C8BF
- D9DAD4
- ECECE9
Ombre
- 44472F
- 393B27
- 2E301F
- 242517
- 1A1B0F
- 101108
- 070804
- 020201
- 000000
Toni
- 55573F
- 595C46
- 5E604D
- 636554
- 67695C
- 6C6E63
- 71726A
- 767771
- 7B7B79
Armonie di colore
Complementare +180°
- 505338
Amazon Depths
- 514C66
≈ Pango Black
Analogo -30° +30°
- 505338
Amazon Depths
- 5B4E35
≈ Oak Plank
- 435641
≈ Castellan Green
Triadico +120° +240°
- 505338
Amazon Depths
- 395464
≈ Dark Secret
- 634752
≈ Gǔ Tóng Hēi Copper
Complementare divisa +150° +210°
- 505338
Amazon Depths
- 445068
≈ Navy Damask
- 5C495E
≈ Plush Purple
Tetradico +90° +180° +270°
- 505338
Amazon Depths
- 33575B
≈ Depth Charge
- 514C66
≈ Pango Black
- 664745
≈ Outer Boundary
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.96:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.63:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
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);
}