Màu có tên · #505338
Amazon Depths
Amazon Depths là #505338: rgb(80 83 56), hsl(67 19% 27%), oklch(0.432 0.042 113.3). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Amazon Depths color name →
#505338
oklch(0.432 0.042 113.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 60634A
- 70735C
- 80836F
- 929482
- A3A596
- B5B6AA
- C7C8BF
- D9DAD4
- ECECE9
Sắc đậm
- 44472F
- 393B27
- 2E301F
- 242517
- 1A1B0F
- 101108
- 070804
- 020201
- 000000
Sắc xám
- 55573F
- 595C46
- 5E604D
- 636554
- 67695C
- 6C6E63
- 71726A
- 767771
- 7B7B79
Hòa sắc
Bổ túc +180°
- 505338
Amazon Depths
- 514C66
≈ Pango Black
Tương đồng -30° +30°
- 505338
Amazon Depths
- 5B4E35
≈ Oak Plank
- 435641
≈ Castellan Green
Bộ ba +120° +240°
- 505338
Amazon Depths
- 395464
≈ Dark Secret
- 634752
≈ Gǔ Tóng Hēi Copper
Bổ túc chia +150° +210°
- 505338
Amazon Depths
- 445068
≈ Navy Damask
- 5C495E
≈ Plush Purple
Bộ bốn +90° +180° +270°
- 505338
Amazon Depths
- 33575B
≈ Depth Charge
- 514C66
≈ Pango Black
- 664745
≈ Outer Boundary
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.96:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.63:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
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);
}